import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { PublicLayout } from '@/Layouts/PublicLayout'; import { CurrencyPrice } from '@/Components/CurrencyPrice'; import { CheckCircle, Calendar, Users, MapPin, Printer, ArrowRight, ShieldCheck, Phone, Sparkles } from 'lucide-react'; interface Props { booking: any; } export default function Confirmation({ booking }: Props) { const isPaid = booking.payment_status === 'Paid'; return (
Reservation Confirmed

We Look Forward to Welcoming You.

A booking confirmation voucher has been generated. Your reservation is securely registered with the Primon front desk in Naalya.

{/* Booking Card */}
Reservation Code

{booking.booking_reference}

{isPaid ? '✓ Paid & Guaranteed' : 'Payment Due at Check-In'}
{/* Stay Specs */}
Room & Suite {booking.room_type?.name} {booking.room_type?.bed_type}
Stay Dates {booking.check_in_date} to {booking.check_out_date} (Check-in 14:00)
Guest Information {booking.guest?.full_name} {booking.guest?.email}
{/* Add-ons if any */} {booking.add_ons && booking.add_ons.length > 0 && (
Reserved Add-On Extras:
{booking.add_ons.map((ao: any) => (
• {ao.name} (x{ao.quantity})
))}
)} {/* Grand Total */}
Total Amount (Taxes & Fees Included) Paid: • Balance:
{/* Action Buttons */}
Print / Download Voucher Manage Pre-Arrival in Guest Portal →
); }