@extends('layouts.app')

@section('content')
<div class="max-w-3xl mx-auto bg-white p-8 rounded-lg shadow mt-6">
    <h2 class="text-2xl font-bold text-gray-800 mb-4">Full Payment for {{ $booking->dewan->name ?? 'Dewan' }}</h2>
    
    <div class="bg-gray-50 p-4 rounded border mb-6">
        <p><strong>Event:</strong> {{ $booking->event_name }}</p>
        <p><strong>Date:</strong> {{ $booking->date->format('d M Y') }}</p>
        
        <p><strong>Time:</strong> 
            @if($booking->start_time && $booking->end_time)
                <span class="font-medium">
                    {{ \Carbon\Carbon::parse($booking->start_time)->format('h:i A') }}
                    –
                    {{ \Carbon\Carbon::parse($booking->end_time)->format('h:i A') }}
                </span>
            @else
                <span class="text-gray-500 italic">Full Day (Kenduri)</span>
            @endif
        </p>
        <p><strong>Total Payment:</strong>
   <span class="text-green-600 font-semibold">
      RM{{ number_format(($booking->total_amount ?? 0) - ($booking->deposit_amount ?? 0), 2) }}
   </span>
</p>


    <h3 class="text-lg font-semibold text-gray-700 mb-3">Bank Information</h3>
    <div class="border rounded-lg p-4 bg-gray-50">
        <p><strong>Bank Name:</strong> {{ $bankDetails['bank_name'] }}</p>
        <p><strong>Account Name:</strong> {{ $bankDetails['account_name'] }}</p>
        <p><strong>Account Number:</strong> {{ $bankDetails['account_number'] }}</p>
        <div class="mt-3">
            <img src="{{ $bankDetails['qr_code'] }}" alt="QR Code" class="w-40 border rounded shadow">
        </div>
    </div>

    <form action="{{ route('dewans.payment.store', $booking->id) }}" method="POST" enctype="multipart/form-data" class="mt-6">
        @csrf
        <label class="block mb-2 text-gray-700 font-semibold">Upload Full Payment Receipt (JPEG/PNG)</label>
        <input type="file" name="receipt" class="w-full border rounded p-2 mb-3" required>
        @error('receipt')
            <p class="text-red-600 text-sm">{{ $message }}</p>
        @enderror

        <button type="submit" class="bg-indigo-600 text-white px-6 py-2 rounded hover:bg-indigo-700">
            Upload Receipt
        </button>
        <a href="{{ route('reservations.index') }}" class="ml-3 text-gray-600 hover:underline">Cancel</a>
    </form>
</div>
@endsection