@extends('layouts.app')
@section('title', 'Booking Received — De Eventa')

@section('content')
<div class="pt-20 min-h-screen flex items-center justify-center bg-dark-900">
    <div class="text-center px-4 max-w-lg mx-auto">
        <div class="w-20 h-20 bg-gold-500/10 border-2 border-gold-500 rounded-full flex items-center justify-center mx-auto mb-8">
            <svg class="w-10 h-10 text-gold-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
            </svg>
        </div>
        <h1 class="font-serif text-4xl text-white font-bold mb-4">Booking Received!</h1>
        <p class="text-dark-200 text-lg mb-3">
            Thank you, <span class="text-gold-500 font-semibold">{{ $name }}</span>!
        </p>
        <p class="text-dark-300 mb-2">Your booking #{{ $id }} has been submitted successfully.</p>
        <p class="text-dark-400 text-sm mb-10">We'll review your request and get back to you within 24 hours.</p>
        <div class="flex gap-4 justify-center">
            <a href="{{ route('home') }}" class="btn-gold">Back to Home</a>
            <a href="{{ route('contact') }}" class="btn-outline">Contact Us</a>
        </div>
    </div>
</div>
@endsection