@extends('layouts.app')

@section('content')
    <h1>Available Time Slots for {{ $ground->name }} on {{ $date }}</h1>

    @foreach($timeSlots as $slot)
        @php
            $isBooked = $bookings->contains(function($booking) use ($slot) {
                return $booking->start_time <= $slot->end_time && $booking->end_time >= $slot->start_time;
            });
        @endphp

        <div>
            @if ($isBooked)
                <p>{{ $slot->start_time }} - {{ $slot->end_time }}: Booked</p>
            @else
                <p>{{ $slot->start_time }} - {{ $slot->end_time }}: Available at {{ $slot->price }} /hr</p>
                <form method="POST" action="{{ route('booking.store', $ground->id) }}">
                    @csrf
                    <input type="hidden" name="date" value="{{ $date }}">
                    <input type="hidden" name="start_time" value="{{ $slot->start_time }}">
                    <input type="hidden" name="end_time" value="{{ $slot->end_time }}">
                    <button type="submit">Book Now</button>
                </form>
            @endif
        </div>
    @endforeach
@endsection