@extends('layouts.site')

@section('title', 'Events - Auctions Ontario')

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

  <section class="et_auction_filter ct_py_80 pb-5">
    <div class="container">
      <h2 class="ct_contact_title mb-0">Events</h2>
    </div>
  </section>

  <section class="at-auction-directory pb-5">
    <div class="container">
      <div class="row">
        @forelse ($events as $event)
          <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6 mb-4">
            <a href="{{ route('events.show', $event) }}" class="at-auction-card d-block text-decoration-none">
              <div class="at-auction-logo">
                @if ($event->event_date)
                  <div class="at-event-badge">
                    <span>
                      {{ $event->event_date->format('D') }} <br />
                      {{ $event->event_date->format('M') }} <span class="fw-semibold">{{ $event->event_date->format('j') }}</span>
                    </span>
                  </div>
                @endif

                <img src="{{ asset($event->cover_image ?? 'assets/img/event_1.png') }}" alt="{{ $event->title }}" />
              </div>

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

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

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