@extends('layouts.site')

@php $label = $auctioneer->type === 'liquidator' ? 'Liquidator' : 'Auctioneer'; @endphp

@section('title', $auctioneer->name.' - Auctions Ontario')

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

  <section class="at-auction-details py-5">
    <div class="container">
      <div class="at-auction-banner text-center mb-5">
        <img src="{{ asset($auctioneer->logo_path ?? 'assets/img/Auctioneers_1.png') }}" class="img-fluid" alt="{{ $auctioneer->name }}" />
      </div>

      <div class="at-upcoming-auction mb-3">
        <h5 class="at-section-title mb-0">Upcoming Auctions</h5>
        <hr />

        <div class="et_auction_grid mt-3">
          @forelse ($auctioneer->auctions as $auction)
            @include('partials.auction-card', ['auction' => $auction])
          @empty
            <p>No upcoming auctions posted yet.</p>
          @endforelse
        </div>
      </div>

      <div class="at-contact-box mt-5">
        <h5 class="at-section-title mb-4">Contact {{ $label }}</h5>
        <hr />

        <div class="row align-items-center mt-4">
          <div class="col-lg-3 col-md-4 text-center mb-4 mb-md-0">
            <img
              src="{{ asset($auctioneer->logo_path ?? 'assets/img/Auctioneers_1.png') }}"
              class="img-fluid at-contact-logo"
              alt="{{ $auctioneer->name }}"
            />
          </div>

          <div class="col-lg-9 col-md-8">
            <h5 class="mb-2 ct_fs_14">{{ $auctioneer->name }}</h5>

            <ul class="list-unstyled et_contact_info mt-2">
              <li>{{ $auctioneer->location }}</li>

              @if ($auctioneer->phone)
                <li>
                  <a href="tel:{{ preg_replace('/\D/', '', $auctioneer->phone) }}">{{ $auctioneer->phone }}</a>
                </li>
              @endif

              @if ($auctioneer->email)
                <li>
                  <a href="mailto:{{ $auctioneer->email }}" class="fw-semibold">
                    Email {{ $label }}
                  </a>
                </li>
              @endif
            </ul>

            <p class="mb-0">{{ $auctioneer->bio }}</p>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection