import React, { useState } from 'react'; import { Head, useForm } from '@inertiajs/react'; import { PublicLayout } from '@/Layouts/PublicLayout'; import { Modal } from '@/Components/Modal'; import { CurrencyPrice } from '@/Components/CurrencyPrice'; import { Utensils, Wine, Clock, Users, Check, Sparkles, Calendar, MapPin } from 'lucide-react'; interface Props { outlets: any[]; } export default function Dining({ outlets = [] }: Props) { const [selectedOutlet, setSelectedOutlet] = useState(outlets[0] || null); const [reservationModalOpen, setReservationModalOpen] = useState(false); const reservationForm = useForm({ dining_outlet_id: selectedOutlet?.id || 1, guest_name: '', guest_email: '', guest_phone: '', reservation_date: new Date().toISOString().split('T')[0], reservation_time: '19:30', party_size: 2, seating_preference: 'Rooftop Terrace', occasion: 'Casual Dining', special_requests: '', }); const handleReserve = (e: React.FormEvent) => { e.preventDefault(); reservationForm.post('/dining/reserve-table', { preserveScroll: true, onSuccess: () => { setReservationModalOpen(false); reservationForm.reset(); }, }); }; return ( {/* Header Hero */}
Culinary Artistry

Dining & Rooftop Lounge

From artisanal breakfasts to dry-aged cuts and elevated sunset cocktails over the Kampala skyline.

{/* Outlets Switcher */}
{outlets.map((outlet) => ( ))}
{/* Selected Outlet Hero Showcase */} {selectedOutlet && (
{selectedOutlet.cuisine_type}

{selectedOutlet.name}

{selectedOutlet.description}

{selectedOutlet.opening_hours}
{selectedOutlet.name}
{/* Digital Menus */}
A la Carte Menu

Curated Culinary Selections

{(selectedOutlet.categories || []).map((cat: any) => (

{cat.name}

{(cat.items || []).map((item: any) => (
{item.name}

{item.description}

{item.dietary_tags && (
{item.dietary_tags.map((tag: string, tIdx: number) => ( {tag} ))}
)}
))}
))}
)} {/* Table Reservation Modal */} setReservationModalOpen(false)} title={`Reserve Table — ${selectedOutlet?.name || 'Primon Dining'}`} >
reservationForm.setData('guest_name', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />
reservationForm.setData('guest_email', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />
reservationForm.setData('guest_phone', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />
reservationForm.setData('reservation_date', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />