@extends('layouts.app')
@section('content')
<div class="pt-24 min-h-screen flex items-center justify-center px-4">
    <div class="glass-card p-12 max-w-lg w-full text-center" data-aos="zoom-in">
        <div class="w-20 h-20 rounded-full bg-green-500/20 border-2 border-green-500 flex items-center justify-center mx-auto mb-6">
            <i class="fas fa-check text-green-400 text-3xl"></i>
        </div>
        <h1 class="font-playfair text-3xl text-cream font-bold mb-3">Reservation Submitted!</h1>
        <p class="text-cream/60 mb-6">Your table reservation has been received. We will confirm it shortly.</p>
        <div class="bg-deep-green/60 rounded-xl p-5 mb-6 text-left space-y-3">
            <div class="flex justify-between text-sm">
                <span class="text-cream/50">Reservation No.</span>
                <span class="text-gold font-bold font-mono">{{ $reservation->reservation_number }}</span>
            </div>
            <div class="flex justify-between text-sm">
                <span class="text-cream/50">Branch</span>
                <span class="text-cream">{{ $reservation->branch->name }}</span>
            </div>
            <div class="flex justify-between text-sm">
                <span class="text-cream/50">Date & Time</span>
                <span class="text-cream">{{ $reservation->reservation_date->format('M d, Y') }} at {{ $reservation->reservation_time }}</span>
            </div>
            <div class="flex justify-between text-sm">
                <span class="text-cream/50">Guests</span>
                <span class="text-cream">{{ $reservation->guest_count }} People</span>
            </div>
            <div class="flex justify-between text-sm">
                <span class="text-cream/50">Status</span>
                <span class="text-yellow-400 font-semibold">Pending Confirmation</span>
            </div>
        </div>
        <div class="flex gap-4 justify-center">
            <a href="{{ route('home') }}" class="btn-gold px-8 py-3 text-sm">Back to Home</a>
            <a href="https://wa.me/{{ env('WHATSAPP_NUMBER') }}?text=My reservation number is {{ $reservation->reservation_number }}"
               target="_blank" class="btn-outline-gold px-8 py-3 text-sm">
                <i class="fab fa-whatsapp mr-1"></i>WhatsApp
            </a>
        </div>
    </div>
</div>
@endsection