@extends('layouts.site')

@section('title', 'Video Bid - '.$lot->title)

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

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

          <h3 class="pc-section-title mt-4">{{ $lot->title }}</h3>

          <h3 class="pc-section-title mt-4">Description</h3>
          <p>{{ $lot->description }}</p>

          <h3 class="pc-section-title mt-4">Condition</h3>
          <p>{{ $lot->condition }}</p>

          <h3 class="pc-section-title mt-4">Live Bidding Activity</h3>

          <div class="table-responsive">
            <table class="table at-bid-history mb-0">
              <thead>
                <tr>
                  <th>Bidder</th>
                  <th>Amount</th>
                  <th>Date</th>
                </tr>
              </thead>

              <tbody>
                @forelse ($lot->bids as $bid)
                  <tr>
                    <td>{{ $bid->user->name }}</td>
                    <td>${{ number_format($bid->amount, 2) }}</td>
                    <td>{{ $bid->created_at->format('M j, g:ia') }}</td>
                  </tr>
                @empty
                  <tr>
                    <td colspan="3">No bids yet. Be the first to bid!</td>
                  </tr>
                @endforelse
              </tbody>
            </table>
          </div>
        </div>

        <div class="col-lg-5">
          <div class="at-bid-card rounded">
            <h2 class="pc-price">
              $ {{ number_format($lot->current_bid ?? $lot->starting_bid, 2) }}
              <span>CAD</span>
            </h2>

            @if (session('status'))
              <div class="alert alert-success">{{ session('status') }}</div>
            @endif

            @auth
              <form method="POST" action="{{ route('items.bid', $lot) }}" class="mt-4">
                @csrf
                <div class="mb-3 position-relative">
                  <input
                    type="number"
                    step="0.01"
                    name="amount"
                    class="form-control checkout_input ps-5"
                    value="{{ old('amount', ($lot->current_bid ?? $lot->starting_bid) + 1) }}"
                    required
                  />
                  <span class="ct_show_left border-0 bg-transparent">$</span>
                </div>
                @error('amount')
                  <p class="text-danger">{{ $message }}</p>
                @enderror

                <button type="submit" class="ct_orange_btn w-100">PLACE BID</button>
              </form>
            @else
              <p class="mt-3"><a href="{{ route('login') }}">Log in</a> to place a bid.</p>
            @endauth
          </div>
        </div>
      </div>

      @if ($relatedLots->isNotEmpty())
        <h2 class="at-contact-title mb-0 mt-5">Related Auction Items</h2>

        <div class="et_auction_grid mt-4">
          @foreach ($relatedLots as $related)
            @include('partials.lot-card', ['lot' => $related])
          @endforeach
        </div>
      @endif
    </div>
  </section>
@endsection