@extends('layouts.admin')

@section('content')
<div class="max-w-3xl mx-auto bg-white rounded-lg shadow p-8 mt-8">
    <h2 class="text-xl font-semibold mb-4 text-gray-700">Booking Details</h2>

    <div class="space-y-1 text-gray-800">
        <p><strong>Dewan:</strong> {{ $booking->dewan->name }}</p>
        <p><strong>Event:</strong> {{ $booking->event_name }}</p>
        <p><strong>Date:</strong> {{ \Carbon\Carbon::parse($booking->date)->format('d M Y') }}</p>
        <p><strong>Total:</strong> RM{{ number_format($booking->total_amount, 2) }}</p>
        <p><strong>Status:</strong> 
            <span class="font-semibold
                @switch($booking->status)
                    @case('pending') text-yellow-600 @break
                    @case('need_payment') text-blue-600 @break
                    @case('awaiting_verification') text-yellow-600 @break
                    @case('booked') text-green-600 @break
                    @case('rejected') text-red-600 @break
                @endswitch">
                {{ ucfirst(str_replace('_', ' ', $booking->status)) }}
            </span>
        </p>
    </div>

    <div class="border-t border-b my-4 py-4 space-y-3">
        @if($booking->deposit_receipt_path)
            <p><strong>Deposit Receipt:</strong>
                <a href="{{ asset('storage/' . $booking->deposit_receipt_path) }}" target="_blank" class="text-indigo-600 hover:underline">
                    View Deposit
                </a>
            </p>
        @else
            <p class="text-gray-500 italic">No deposit receipt was uploaded.</p>
        @endif

        @if($booking->payment_receipt_path)
            <p><strong>Full Payment Receipt:</strong>
                <a href="{{ asset('storage/' . $booking->payment_receipt_path) }}" target="_blank" class="text-indigo-600 hover:underline">
                    View Full Payment
                </a>
            </p>
        @endif
    </div>
    <div class="mt-6 flex flex-wrap gap-3 items-center">
    
        @if($booking->status === 'pending')
            <form action="{{ route('admin.dewan-reservations.approve', $booking->id) }}" method="POST">
                @csrf
                <button class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">
                    Approve (Move to 'Need Payment')
                </button>
            </form>
            <form action="{{ route('admin.dewan-reservations.reject', $booking->id) }}" method="POST">
                @csrf
                <button class="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600">
                    Reject Booking
                </button>
            </form>

        @elseif($booking->status === 'awaiting_verification')
            <form action="{{ route('admin.dewan-reservations.paid', $booking->id) }}" method="POST">
                @csrf
                <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
                    Confirm Full Payment (Mark as 'Booked')
                </button>
            </form>
            <form action="{{ route('admin.dewan-reservations.reject', $booking->id) }}" method="POST">
                @csrf
                <button class="bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600">
                    Reject Full Payment
                </button>
            </form>

        @elseif($booking->status === 'need_payment')
            <form action="{{ route('admin.dewan-reservations.paid', $booking->id) }}" method="POST">
                @csrf
                <button class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
                    Manually Mark as Paid (Booked)
                </button>
            </form>
        
        @elseif($booking->status === 'booked')
            <p class="text-green-600 font-semibold">This booking is confirmed and fully paid.</p>

        @elseif($booking->status === 'rejected')
            <p class="text-red-600 font-semibold">This booking has been rejected.</p>
        @endif

        <a href="{{ route('admin.dewan-reservations.index') }}" class="text-gray-600 hover:underline ml-auto">
            ← Back to all bookings
        </a>
    </div>
    </div>
@endsection