@extends('layouts.app')

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

    <h2 class="text-2xl font-bold mb-6">Booking Requests</h2>

    @forelse($bookings as $booking)
        <div class="bg-white shadow p-4 rounded mb-4">

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

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

            {{-- ✅ Added Payment Info --}}
            <p><strong>Payment Type:</strong> {{ ucfirst($booking->payment_type) }}</p>
            <p><strong>Payment Status:</strong> {{ ucfirst($booking->payment_status) }}</p>

            {{-- 🟢 Approve / Reject (Only if Pending) --}}
            @if($booking->status == 'pending')
                <div class="mt-3 flex gap-2">

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

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

                </div>
            @endif

            {{-- 🔵 Confirm Cash Payment --}}
            @if($booking->payment_type == 'cash' && $booking->payment_status == 'unpaid')
                <form method="POST"
                      action="{{ route('owner.confirmCash', $booking->id) }}"
                      class="mt-3">
                    @csrf
                    <button class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">
                        Confirm Cash Payment
                    </button>
                </form>
            @endif

        </div>
    @empty
        <p>No booking requests yet.</p>
    @endforelse

</div>
@endsection