@extends('layouts.site')

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

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

  <section class="ct_py_80">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <img src="{{ asset($auction->cover_image ?? 'assets/img/auction_1.png') }}" class="img-fluid w-100 mb-4" alt="{{ $auction->title }}" />

          <p class="mb-2"><strong>Location:</strong> {{ $auction->location }}</p>
          <p class="mb-2"><strong>Starts:</strong> {{ optional($auction->starts_at)->format('D, M j, Y g:ia') }}</p>
          <p class="mb-4"><strong>Ends:</strong> {{ optional($auction->ends_at)->format('D, M j, Y g:ia') }}</p>

          <p>{{ $auction->description }}</p>
        </div>

        <div class="col-lg-4">
          <div class="at-contact-form">
            <h3>Auctioneer</h3>
            <p class="mb-1"><strong>{{ $auction->auctioneer->name }}</strong></p>
            <p class="mb-1">{{ $auction->auctioneer->location }}</p>
            <p class="mb-1">{{ $auction->auctioneer->phone }}</p>
            <a href="{{ route('auctioneers.show', $auction->auctioneer) }}">View Profile</a>
          </div>
        </div>
      </div>

      <h2 class="ct_contact_title mt-5 mb-4">LOTS IN THIS AUCTION</h2>

      <div class="et_auction_grid">
        @forelse ($auction->lots as $lot)
          @include('partials.lot-card', ['lot' => $lot])
        @empty
          <p>No lots have been added to this auction yet.</p>
        @endforelse
      </div>
    </div>
  </section>
@endsection