@extends('layouts.public')
@section('title', 'Booking Confirmed | Dr Dutta Clinic')
@section('content')
    <main class="booking-shell">
        <section class="content-area">
            <div class="booking-card text-center">
                <x-wizard-steps :current="3" />
                <div class="py-4">
                    <i class="bi bi-check-circle-fill" style="font-size:3rem;color:#087a72"></i>
                    <h2 class="mt-3">Booking Received!</h2>
                    <p class="text-muted">Thank you, {{ $booking['name'] }}. Your appointment request is confirmed.</p>
                    <div class="confirmation-details my-3">
                        <p><strong>Reference:</strong> {{ $booking['code'] }}</p>
                        <p><strong>Date:</strong> {{ $booking['date'] }}</p>
                    </div>
                    <p class="text-muted">Our team will assign your doctor and confirm the time shortly. You'll hear from us on your registered number.</p>
                    <a href="{{ route('home') }}" class="btn btn-primary mt-2">Back to Home</a>
                </div>
            </div>
        </section>
    </main>
@endsection