@extends('layouts.admin')

@section('content')
<div class="max-w-7xl mx-auto px-6 py-6">
    <h1 class="text-3xl font-bold text-gray-800 mb-4">Dewan Reservations Management</h1>
    <p class="text-gray-500 mb-6">Review, approve, or reject Dewan bookings. You can also verify payment status and view receipts.</p>

    <!-- 🔹 Status Overview -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
        <div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 rounded-md">
            <p class="text-sm text-gray-600">Pending Approval</p>
            <h2 class="text-2xl font-bold text-yellow-600">{{ $bookings->where('status', 'pending')->count() }}</h2>
        </div>
        <div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-md">
            <p class="text-sm text-gray-600">Awaiting Payment</p>
            <h2 class="text-2xl font-bold text-blue-600">{{ $bookings->where('status', 'need_payment')->count() }}</h2>
        </div>
        <div class="bg-green-50 border-l-4 border-green-500 p-4 rounded-md">
            <p class="text-sm text-gray-600">Booked / Confirmed</p>
            <h2 class="text-2xl font-bold text-green-600">{{ $bookings->where('status', 'booked')->count() }}</h2>
        </div>
        <div class="bg-red-50 border-l-4 border-red-500 p-4 rounded-md">
            <p class="text-sm text-gray-600">Rejected</p>
            <h2 class="text-2xl font-bold text-red-600">{{ $bookings->where('status', 'rejected')->count() }}</h2>
        </div>
    </div>

    <!-- 🔹 Reservation Table -->
    <div class="bg-white rounded-lg shadow overflow-x-auto">
        <table class="w-full text-sm border-collapse">
            <thead>
                <tr class="bg-gray-100 text-gray-700">
                    <th class="px-4 py-3 text-left border">Dewan</th>
                    <th class="px-4 py-3 text-left border">Event</th>
                    <th class="px-4 py-3 text-left border">Booked By</th>
                    <th class="px-4 py-3 text-center border">Date</th>
                    <th class="px-4 py-3 text-center border">Time</th>
                    <th class="px-4 py-3 text-right border">Total (RM)</th>
                    <th class="px-4 py-3 text-center border">Status</th>
                    <th class="px-4 py-3 text-center border">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @forelse($bookings as $booking)
                    <tr class="hover:bg-gray-50 transition">
                        <td class="px-4 py-3 border">{{ $booking->dewan->name ?? '—' }}</td>
                        <td class="px-4 py-3 border font-semibold text-gray-800">{{ $booking->event_name }}</td>
                        <td class="px-4 py-3 border">{{ $booking->user->name ?? 'User Deleted' }}</td>
                        <td class="px-4 py-3 text-center border">{{ \Carbon\Carbon::parse($booking->date)->format('d M Y') }}</td>

                        @if($booking->start_time && $booking->end_time)
                            <td class="px-4 py-3 text-center border">
                                {{ \Carbon\Carbon::parse($booking->start_time)->format('h:i A') }}
                                –
                                {{ \Carbon\Carbon::parse($booking->end_time)->format('h:i A') }}
                            </td>
                        @else
                            <td class="px-4 py-3 text-center border text-gray-500 italic">Full Day (Kenduri)</td>
                        @endif

                        <td class="px-4 py-3 text-right border">{{ number_format($booking->total_amount, 2) }}</td>

                        <td class="px-4 py-3 text-center border">
                            @php
                                $colors = [
                                    'pending' => 'bg-yellow-100 text-yellow-800',
                                    'need_payment' => 'bg-blue-100 text-blue-800',
                                    'booked' => 'bg-green-100 text-green-800',
                                    'rejected' => 'bg-red-100 text-red-800'
                                ];
                            @endphp
                            <span class="px-3 py-1 text-xs font-semibold rounded-full {{ $colors[$booking->status] ?? 'bg-gray-100 text-gray-800' }}">
                                {{ ucfirst(str_replace('_', ' ', $booking->status)) }}
                            </span>
                        </td>

                        <td class="px-4 py-3 text-center border whitespace-nowrap">
                            <div class="flex justify-center gap-2">
                                <!-- View -->
                                <a href="{{ route('admin.dewan-reservations.show', $booking->id) }}"
                                   class="bg-gray-100 text-gray-700 px-3 py-1 rounded-md hover:bg-gray-200 text-xs">
                                   View
                                </a>

                                @if($booking->status === 'pending')
                                    <form action="{{ route('admin.dewan-reservations.approve', $booking->id) }}" method="POST" class="inline">
                                        @csrf
                                        <button type="submit" class="bg-green-100 text-green-700 px-3 py-1 rounded-md hover:bg-green-200 text-xs">
                                            Approve
                                        </button>
                                    </form>

                                    <form action="{{ route('admin.dewan-reservations.reject', $booking->id) }}" method="POST" class="inline">
                                        @csrf
                                        <button type="submit" class="bg-red-100 text-red-700 px-3 py-1 rounded-md hover:bg-red-200 text-xs">
                                            Reject
                                        </button>
                                    </form>
                                @elseif($booking->status === 'need_payment')
                                    <form action="{{ route('admin.dewan-reservations.paid', $booking->id) }}" method="POST" class="inline">
                                        @csrf
                                        <button type="submit" class="bg-blue-100 text-blue-700 px-3 py-1 rounded-md hover:bg-blue-200 text-xs">
                                            Mark Paid
                                        </button>
                                    </form>
                                @elseif($booking->status === 'booked')
                                    <span class="text-green-600 font-semibold text-xs">Completed</span>
                                @elseif($booking->status === 'rejected')
                                    <span class="text-red-500 font-semibold text-xs">Rejected</span>
                                @endif
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center py-4 text-gray-500 italic">No Dewan bookings found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection