@extends('layouts.app')

@section('content')
<div class="max-w-6xl mx-auto py-8">

    <h2 class="text-2xl font-bold mb-6">Upcoming Bookings</h2>

    @forelse($bookings as $booking)

        <div class="bg-white shadow rounded p-6 mb-4">

            <h3 class="text-lg font-bold text-indigo-600">
                {{ $booking->mandabam->name }}
            </h3>

            <p><strong>Date:</strong> {{ $booking->booking_date }}</p>
            <p><strong>Marriage Time:</strong> {{ $booking->marriage_time }}</p>
            <p><strong>No. of Guests:</strong> {{ $booking->guest_count }}</p>

            <hr class="my-3">

            <p><strong>Groom Name:</strong> {{ $booking->groom_name }}</p>
            <p><strong>Bride Name:</strong> {{ $booking->bride_name }}</p>
            <p><strong>Contact:</strong> {{ $booking->phone }}</p>
            <p><strong>Address:</strong> {{ $booking->address }}</p>

            <hr class="my-3">

            <p class="text-green-600 font-bold">
                Payment: {{ ucfirst($booking->payment_status) }}
            </p>

        </div>

    @empty
        <p>No upcoming bookings.</p>
    @endforelse

</div>
@endsection