@extends('layouts.site')

@section('title', $pageTitle.' - Auctions Ontario')

@section('content')
  @include('partials.page-banner', ['title' => $pageTitle])

  <section class="ct_py_80">
    <div class="container">
      <div class="row">
        @forelse ($auctioneers as $auctioneer)
          <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
            <a href="{{ route($type === 'liquidator' ? 'liquidators.show' : 'auctioneers.show', $auctioneer) }}" class="at-auction-card d-block text-decoration-none">
              <div class="at-auction-logo">
                <img src="{{ asset($auctioneer->logo_path ?? 'assets/img/Auctioneers_1.png') }}" alt="{{ $auctioneer->name }}" />
              </div>

              <span class="at-auction-title">{{ $auctioneer->name }}</span>

              <div class="at-auction-location">
                <i class="fas fa-map-marker-alt"></i>
                <span>{{ $auctioneer->location }}</span>
              </div>
            </a>
          </div>
        @empty
          <p>None listed yet. Check back soon.</p>
        @endforelse
      </div>

      <div class="mt-3">
        {{ $auctioneers->links() }}
      </div>
    </div>
  </section>
@endsection