@extends('layouts.app')

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

    {{-- Success message --}}
    @if(session('success'))
        <div class="bg-green-100 text-green-700 px-4 py-3 rounded mb-4">
            {{ session('success') }}
        </div>
    @endif

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

    @forelse($bookings as $booking)

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

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

            <p><strong>Date:</strong> {{ $booking->booking_date }}</p>
            <p><strong>Status:</strong> {{ ucfirst($booking->status) }}</p>
            <p><strong>Payment:</strong> {{ ucfirst($booking->payment_status) }}</p>

            {{-- If unpaid --}}
            @if($booking->payment_status == 'unpaid')

                <form method="POST" action="{{ route('booking.markPaid', $booking->id) }}">
                    @csrf
                    <button class="bg-green-600 text-white px-4 py-2 rounded mt-3 hover:bg-green-700 transition">
                        💳 Pay Advance
                    </button>
                </form>

                <form method="POST" action="{{ route('booking.cancel', $booking->id) }}">
                    @csrf
                    @method('DELETE')
                    <button class="bg-red-600 text-white px-4 py-2 rounded mt-2 hover:bg-red-700 transition">
                        ❌ Cancel Booking
                    </button>
                </form>

            @endif

            {{-- If paid --}}
            @if($booking->payment_status == 'paid')
                <p class="text-green-600 font-bold mt-3">
                    ✅ Booking Confirmed & Paid
                </p>
            @endif

        </div>

    @empty
        <p class="text-gray-600">No bookings yet.</p>
    @endforelse

</div>
@endsection