function GolfTheme({ children, variant = "default" }) { const backgroundStyles = { default: { backgroundImage: 'url("https://ucarecdn.com/5023d40a-e08a-4168-977f-5c0b6db8c35b/-/format/auto/")', backgroundColor: "#111111" }, minimal: { backgroundColor: "#111111" } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen relative", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-0", style: { ...backgroundStyles[variant], backgroundSize: "contain", backgroundPosition: "center", backgroundRepeat: "no-repeat" }, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-80", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/90 text-[#D4AF37] p-6 border-b-2 border-[#D4AF37]", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-playfair mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Credo Golf"), /*#__PURE__*/ React.createElement("p", { className: "text-lg italic font-playfair text-[#FFD700]", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Play Like A Boss")), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/84c1ab21-3bc4-4b27-bec4-811cbece1b16/-/format/auto/", alt: "Golf Consigliere Logo", className: "h-20 w-auto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-6", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222]/95 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, children)))); } function GolfThemeStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Default Theme"), /*#__PURE__*/ React.createElement(GolfTheme, { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "This is an example of content wrapped in the golf theme with default background."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D4AF37] text-black px-6 py-2 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Sample Button")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "Minimal Theme (No Background Image)"), /*#__PURE__*/ React.createElement(GolfTheme, { variant: "minimal", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "This is an example of content wrapped in the golf theme with minimal styling."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#D4AF37] text-black px-6 py-2 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Sample Button"))))); } function MainComponent() { const [selectedService, setSelectedService] = useState(null); const [showBookingModal, setShowBookingModal] = useState(false); const [selectedProvider, setSelectedProvider] = useState(null); const [bookingDate, setBookingDate] = useState(""); const [bookingTime, setBookingTime] = useState(""); const [players, setPlayers] = useState(1); const [playerNames, setPlayerNames] = useState([ "" ]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const [selectedPro, setSelectedPro] = useState(null); const [selectedCaddy, setSelectedCaddy] = useState(null); const [caddies, setCaddies] = useState([]); const [loadingCaddies, setLoadingCaddies] = useState(false); const [credoBranding, setCredoBranding] = useState({ enabled: false, credoText: "", items: { golfBag: false, golfBalls: false, towels: false, headcovers: false, apparel: false } }); const [rideDetails, setRideDetails] = useState({ needsRide: false, pickupAddress: "", pickupTime: "", returnRide: false, returnTime: "" }); const [menuItems, setMenuItems] = useState([]); const [loadingMenu, setLoadingMenu] = useState(false); const [foodOrders, setFoodOrders] = useState([]); const [specialInstructions, setSpecialInstructions] = useState({}); const [showFoodModal, setShowFoodModal] = useState(false); const [selectedMenu, setSelectedMenu] = useState("club"); const [earlyCredoText, setEarlyCredoText] = useState(""); const [contactInfo, setContactInfo] = useState({ email: "", phone: "", receiptPreference: "email" }); useEffect(()=>{ const fetchCaddies = async ()=>{ setLoadingCaddies(true); try { const response = await fetch("/api/caddies/list"); if (!response.ok) { throw new Error("Failed to fetch caddies"); } const data = await response.json(); setCaddies(data.caddies || []); } catch (err) { console.error("Error fetching caddies:", err); } finally{ setLoadingCaddies(false); } }; fetchCaddies(); }, []); useEffect(()=>{ const fetchMenuItems = async ()=>{ setLoadingMenu(true); try { const response = await fetch(`/api/food-menu/list?type=${selectedMenu}`); if (!response.ok) { throw new Error("Failed to fetch menu items"); } const data = await response.json(); setMenuItems(data.items || []); } catch (err) { console.error("Error fetching menu items:", err); } finally{ setLoadingMenu(false); } }; if (showFoodModal) { fetchMenuItems(); } }, [ showFoodModal, selectedMenu ]); const handleQuantityChange = (itemId, newQuantity)=>{ if (newQuantity < 0) return; setFoodOrders((prev)=>{ const existing = prev.find((order)=>order.itemId === itemId); if (!existing && newQuantity === 0) return prev; if (existing) { if (newQuantity === 0) { return prev.filter((order)=>order.itemId !== itemId); } return prev.map((order)=>order.itemId === itemId ? { ...order, quantity: newQuantity } : order); } return [ ...prev, { itemId, quantity: newQuantity } ]; }); }; const handleSpecialInstructions = (itemId, instructions)=>{ setSpecialInstructions((prev)=>({ ...prev, [itemId]: instructions })); }; const calculateTotal = ()=>{ return foodOrders.reduce((total, order)=>{ const item = menuItems.find((menu)=>menu.id === order.itemId); return total + (item ? item.price * order.quantity : 0); }, 0); }; const handlePlayersChange = (e)=>{ const newCount = Number(e.target.value); setPlayers(newCount); setPlayerNames((prev)=>{ const newNames = [ ...prev ]; if (newCount > prev.length) { return [ ...prev, ...Array(newCount - prev.length).fill("") ]; } else { return prev.slice(0, newCount); } }); }; const handlePlayerNameChange = (index, value)=>{ setPlayerNames((prev)=>{ const newNames = [ ...prev ]; newNames[index] = value; return newNames; }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/bookings/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ date: bookingDate, time: bookingTime, players, playerNames, professionalId: selectedPro, caddyId: selectedCaddy, credoBranding: credoBranding.enabled ? { items: Object.entries(credoBranding.items).filter(([_, selected])=>selected).map(([item])=>item), credoText: credoBranding.credoText || earlyCredoText } : { credoText: earlyCredoText }, needsRide: rideDetails.needsRide, pickupAddress: rideDetails.needsRide ? rideDetails.pickupAddress : null, pickupTime: rideDetails.needsRide ? rideDetails.pickupTime : null, returnRide: rideDetails.returnRide, returnTime: rideDetails.returnRide ? rideDetails.returnTime : null, foodOrders: foodOrders.map((order)=>({ itemId: order.itemId, quantity: order.quantity, specialInstructions: specialInstructions[order.itemId] || "" })), contactEmail: contactInfo.email, contactPhone: contactInfo.phone, receiptPreference: contactInfo.receiptPreference }) }); if (!response.ok) { if (response.status === 503) { throw new Error("The booking service is temporarily unavailable. Please try again in a few minutes."); } const errorData = await response.json(); throw new Error(errorData.error || "Failed to create booking. Please try again."); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setSuccess(true); } catch (err) { console.error("Error during booking:", err); setError(err.message || "An unexpected error occurred. Please try again."); } finally{ setLoading(false); } }; const handleBrandingItemToggle = (item)=>{ setCredoBranding((prev)=>({ ...prev, items: { ...prev.items, [item]: !prev.items[item] } })); }; return /*#__PURE__*/ React.createElement(GolfTheme, { variant: "default", __source: { fileName: "", lineNumber: 231, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 232, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-playfair text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, "Book Your Golf Experience"), /*#__PURE__*/ React.createElement("p", { className: "text-lg italic font-playfair text-[#FFD700] mb-4", __source: { fileName: "", lineNumber: 237, columnNumber: 11 }, __self: this }, "Reserve Your Perfect Golf Day"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/services", className: "inline-block bg-[#D4AF37] text-black px-6 py-3 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-golf-ball mr-2", __source: { fileName: "", lineNumber: 245, columnNumber: 15 }, __self: this }), "Golf Services"), /*#__PURE__*/ React.createElement("a", { href: "/book-party", className: "inline-block bg-[#D4AF37] text-black px-6 py-3 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-glass-cheers mr-2", __source: { fileName: "", lineNumber: 252, columnNumber: 15 }, __self: this }), "Book a Party"))), success ? /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222]/95 p-8 rounded-lg border border-[#D4AF37] text-center text-white", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222] p-8 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#D4AF37] text-5xl mb-4", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-playfair-display text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, "Booking Confirmed!"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6", __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, "Your tee time has been successfully booked.", rideDetails.needsRide && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#333333] rounded-lg", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37] font-semibold mb-2", __source: { fileName: "", lineNumber: 269, columnNumber: 21 }, __self: this }, "Transportation Details:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 272, columnNumber: 21 }, __self: this }, "Pickup at: ", rideDetails.pickupAddress), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 273, columnNumber: 21 }, __self: this }, "Pickup time: ", rideDetails.pickupTime), rideDetails.returnRide && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 275, columnNumber: 23 }, __self: this }, "Return trip scheduled for: ", rideDetails.returnTime)), credoBranding.enabled && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#333333] rounded-lg", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37] font-semibold mb-2", __source: { fileName: "", lineNumber: 281, columnNumber: 21 }, __self: this }, "Your Golf Credo:"), /*#__PURE__*/ React.createElement("p", { className: "italic", __source: { fileName: "", lineNumber: 284, columnNumber: 21 }, __self: this }, '"', credoBranding.credoText, '"'), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-sm", __source: { fileName: "", lineNumber: 285, columnNumber: 21 }, __self: this }, "Your Credo branding will be ready upon arrival.")), foodOrders.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#333333] rounded-lg", __source: { fileName: "", lineNumber: 291, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37] font-semibold mb-2", __source: { fileName: "", lineNumber: 292, columnNumber: 21 }, __self: this }, "Food & Beverage Order:"), foodOrders.map((order)=>{ const item = menuItems.find((menu)=>menu.id === order.itemId); return /*#__PURE__*/ React.createElement("div", { key: order.itemId, className: "mb-2", __source: { fileName: "", lineNumber: 300, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 301, columnNumber: 27 }, __self: this }, item?.name, " x ", order.quantity), specialInstructions[order.itemId] && /*#__PURE__*/ React.createElement("p", { className: "text-sm italic", __source: { fileName: "", lineNumber: 305, columnNumber: 29 }, __self: this }, "Note: ", specialInstructions[order.itemId])); }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-semibold", __source: { fileName: "", lineNumber: 312, columnNumber: 21 }, __self: this }, "Total: $", calculateTotal().toFixed(2)))), /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block bg-[#D4AF37] text-black px-6 py-3 rounded-lg hover:bg-[#FFD700] transition-colors", __source: { fileName: "", lineNumber: 318, columnNumber: 15 }, __self: this }, "Return to Home"))) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 327, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("input", { type: "date", required: true, value: bookingDate, onChange: (e)=>setBookingDate(e.target.value), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 341, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 342, columnNumber: 15 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("input", { type: "time", required: true, value: bookingTime, onChange: (e)=>setBookingTime(e.target.value), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 345, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 354, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, "Number of Players"), /*#__PURE__*/ React.createElement("select", { value: players, onChange: handlePlayersChange, className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, [ 1, 2, 3, 4 ].map((num)=>/*#__PURE__*/ React.createElement("option", { key: num, value: num, __source: { fileName: "", lineNumber: 364, columnNumber: 19 }, __self: this }, num, " ", num === 1 ? "Player" : "Players"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-3", __source: { fileName: "", lineNumber: 370, columnNumber: 15 }, __self: this }, playerNames.map((name, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 flex items-center justify-center bg-[#D4AF37] text-black rounded-full font-bold", __source: { fileName: "", lineNumber: 373, columnNumber: 21 }, __self: this }, index + 1), /*#__PURE__*/ React.createElement("input", { type: "text", value: name, onChange: (e)=>handlePlayerNameChange(index, e.target.value), placeholder: `Player ${index + 1} name`, className: "flex-1 p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 376, columnNumber: 21 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 390, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 391, columnNumber: 15 }, __self: this }, "Golf Professional (Optional)"), /*#__PURE__*/ React.createElement("select", { value: selectedPro || "", onChange: (e)=>setSelectedPro(e.target.value || null), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 394, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, "Select a Pro (Optional)"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this }, "John Smith"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }, "Sarah Johnson"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 402, columnNumber: 17 }, __self: this }, "Mike Williams"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 406, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2 font-playfair-display", __source: { fileName: "", lineNumber: 407, columnNumber: 15 }, __self: this }, "Book a Caddy (Optional)"), /*#__PURE__*/ React.createElement("select", { value: selectedCaddy || "", onChange: (e)=>setSelectedCaddy(e.target.value || null), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", disabled: loadingCaddies, __source: { fileName: "", lineNumber: 410, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 416, columnNumber: 17 }, __self: this }, "Select a Caddy (Optional)"), caddies.map((caddy)=>/*#__PURE__*/ React.createElement("option", { key: caddy.id, value: caddy.id, __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, caddy.name, " - $", caddy.hourly_rate, "/hour (", caddy.rating, "★)"))), selectedCaddy && /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-3 bg-[#333333] rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 425, columnNumber: 17 }, __self: this }, caddies.find((c)=>c.id === Number(selectedCaddy))?.bio)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-6 rounded-lg border border-[#D4AF37]", __source: { fileName: "", lineNumber: 431, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-2xl font-playfair-display font-bold text-[#D4AF37] mb-3", __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, "What's Your Credo?"), /*#__PURE__*/ React.createElement("p", { className: "text-[#FFD700] mb-4 italic font-cormorant text-lg", __source: { fileName: "", lineNumber: 435, columnNumber: 15 }, __self: this }, "Share your personal golf philosophy or mantra to help us tailor your experience"), /*#__PURE__*/ React.createElement("textarea", { value: earlyCredoText, onChange: (e)=>{ setEarlyCredoText(e.target.value); if (credoBranding.enabled) { setCredoBranding((prev)=>({ ...prev, credoText: e.target.value })); } }, placeholder: "e.g., 'Every swing tells a story' or 'Precision in motion'", className: "w-full p-4 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700] min-h-[100px] font-cormorant", maxLength: 50, __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#FFD700] mt-2 font-cormorant", __source: { fileName: "", lineNumber: 454, columnNumber: 15 }, __self: this }, 50 - earlyCredoText.length, " characters remaining")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#D4AF37] pt-6", __source: { fileName: "", lineNumber: 459, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 460, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "needsRide", checked: rideDetails.needsRide, onChange: (e)=>setRideDetails((prev)=>({ ...prev, needsRide: e.target.checked })), className: "w-5 h-5 rounded border-[#D4AF37] bg-[#333333] checked:bg-[#D4AF37]", __source: { fileName: "", lineNumber: 461, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "needsRide", className: "text-xl font-playfair-display font-bold text-[#D4AF37]", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-car mr-2", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }), "Book Transportation")), rideDetails.needsRide && /*#__PURE__*/ React.createElement("div", { className: "space-y-6 pl-8", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 485, columnNumber: 21 }, __self: this }, "Pickup Address"), /*#__PURE__*/ React.createElement("textarea", { value: rideDetails.pickupAddress, onChange: (e)=>setRideDetails((prev)=>({ ...prev, pickupAddress: e.target.value })), placeholder: "Enter your pickup address", className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", rows: 2, required: rideDetails.needsRide, __source: { fileName: "", lineNumber: 488, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 503, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 504, columnNumber: 21 }, __self: this }, "Pickup Time"), /*#__PURE__*/ React.createElement("input", { type: "time", value: rideDetails.pickupTime, onChange: (e)=>setRideDetails((prev)=>({ ...prev, pickupTime: e.target.value })), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", required: rideDetails.needsRide, __source: { fileName: "", lineNumber: 507, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#FFD700] mt-1", __source: { fileName: "", lineNumber: 519, columnNumber: 21 }, __self: this }, "We recommend scheduling pickup 1 hour before tee time")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 524, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "returnRide", checked: rideDetails.returnRide, onChange: (e)=>setRideDetails((prev)=>({ ...prev, returnRide: e.target.checked })), className: "w-5 h-5 rounded border-[#D4AF37] bg-[#333333] checked:bg-[#D4AF37]", __source: { fileName: "", lineNumber: 525, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "returnRide", className: "text-lg text-[#D4AF37]", __source: { fileName: "", lineNumber: 537, columnNumber: 21 }, __self: this }, "Include Return Trip")), rideDetails.returnRide && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 546, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 547, columnNumber: 23 }, __self: this }, "Return Pickup Time"), /*#__PURE__*/ React.createElement("input", { type: "time", value: rideDetails.returnTime, onChange: (e)=>setRideDetails((prev)=>({ ...prev, returnTime: e.target.value })), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", required: rideDetails.returnRide, __source: { fileName: "", lineNumber: 550, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#FFD700] mt-1", __source: { fileName: "", lineNumber: 562, columnNumber: 23 }, __self: this }, "Schedule your return trip after your round")))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#D4AF37] pt-6", __source: { fileName: "", lineNumber: 571, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-playfair-display font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 572, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils mr-2", __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }), "Food & Beverage"), foodOrders.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-2 bg-[#333333] rounded", __source: { fileName: "", lineNumber: 578, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 579, columnNumber: 19 }, __self: this }, foodOrders.length, " item(s) selected - Total: $", calculateTotal().toFixed(2)), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowFoodModal(true), className: "px-6 py-3 bg-[#D4AF37] text-black rounded-lg hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 583, columnNumber: 19 }, __self: this }, foodOrders.length > 0 ? "Modify Order" : "Add Food & Beverage")), loadingMenu ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 596, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-[#D4AF37] text-2xl", __source: { fileName: "", lineNumber: 597, columnNumber: 19 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 600, columnNumber: 17 }, __self: this }, [ "Breakfast", "Lunch", "Sandwiches", "Salads", "Snacks", "Beverages" ].map((category)=>{ const categoryItems = menuItems.filter((item)=>item.category === category); if (categoryItems.length === 0) return null; return /*#__PURE__*/ React.createElement("div", { key: category, className: "bg-[#1A1A1A] p-4 rounded-lg", __source: { fileName: "", lineNumber: 615, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-[#D4AF37] mb-3", __source: { fileName: "", lineNumber: 619, columnNumber: 25 }, __self: this }, category), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 622, columnNumber: 25 }, __self: this }, categoryItems.map((item)=>{ const order = foodOrders.find((o)=>o.itemId === item.id); return /*#__PURE__*/ React.createElement("div", { key: item.id, className: "flex flex-col md:flex-row md:items-center justify-between gap-4 p-3 bg-[#333333] rounded-lg", __source: { fileName: "", lineNumber: 628, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 632, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 633, columnNumber: 35 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 634, columnNumber: 35 }, __self: this }, item.description), /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37]", __source: { fileName: "", lineNumber: 637, columnNumber: 35 }, __self: this }, "$", item.price.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 641, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 642, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleQuantityChange(item.id, (order?.quantity || 0) - 1), className: "w-8 h-8 flex items-center justify-center bg-[#D4AF37] text-black rounded-full hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 643, columnNumber: 37 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "w-8 text-center", __source: { fileName: "", lineNumber: 655, columnNumber: 37 }, __self: this }, order?.quantity || 0), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleQuantityChange(item.id, (order?.quantity || 0) + 1), className: "w-8 h-8 flex items-center justify-center bg-[#D4AF37] text-black rounded-full hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 658, columnNumber: 37 }, __self: this }, "+")), order?.quantity > 0 && /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Special instructions...", value: specialInstructions[order.itemId] || "", onChange: (e)=>handleSpecialInstructions(item.id, e.target.value), className: "w-full p-2 text-sm bg-[#444444] rounded border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 672, columnNumber: 37 }, __self: this }))); }))); }), foodOrders.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#1A1A1A] rounded-lg", __source: { fileName: "", lineNumber: 697, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-[#D4AF37]", __source: { fileName: "", lineNumber: 698, columnNumber: 23 }, __self: this }, "Total: $", calculateTotal().toFixed(2))))), /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#D4AF37] pt-6", __source: { fileName: "", lineNumber: 707, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-playfair-display font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 708, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-address-card mr-2", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }), "Contact Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 712, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 713, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 714, columnNumber: 19 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", required: true, value: contactInfo.email, onChange: (e)=>setContactInfo((prev)=>({ ...prev, email: e.target.value })), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", placeholder: "your@email.com", __source: { fileName: "", lineNumber: 717, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 731, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 732, columnNumber: 19 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", required: true, value: contactInfo.phone, onChange: (e)=>setContactInfo((prev)=>({ ...prev, phone: e.target.value })), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", placeholder: "(123) 456-7890", __source: { fileName: "", lineNumber: 735, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 749, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 750, columnNumber: 19 }, __self: this }, "Receipt Preference"), /*#__PURE__*/ React.createElement("select", { value: contactInfo.receiptPreference, onChange: (e)=>setContactInfo((prev)=>({ ...prev, receiptPreference: e.target.value })), className: "w-full p-3 rounded-lg bg-[#333333] border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 753, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "email", __source: { fileName: "", lineNumber: 763, columnNumber: 21 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("option", { value: "both", __source: { fileName: "", lineNumber: 764, columnNumber: 21 }, __self: this }, "Email & Phone"), /*#__PURE__*/ React.createElement("option", { value: "none", __source: { fileName: "", lineNumber: 765, columnNumber: 21 }, __self: this }, "No Receipt"))))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/20 border border-red-500 text-red-500 p-4 rounded-lg font-cormorant", __source: { fileName: "", lineNumber: 772, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#D4AF37] text-black py-3 rounded-lg hover:bg-[#FFD700] transition-colors disabled:opacity-50 font-playfair-display text-lg", __source: { fileName: "", lineNumber: 777, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 783, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 784, columnNumber: 19 }, __self: this }), "Booking...") : "Book Now"))), showFoodModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/80 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 795, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#222222] w-full max-w-4xl max-h-[90vh] overflow-y-auto rounded-lg border-2 border-[#D4AF37] p-6", __source: { fileName: "", lineNumber: 796, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 797, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-playfair-display font-bold text-[#D4AF37]", __source: { fileName: "", lineNumber: 798, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils mr-2", __source: { fileName: "", lineNumber: 799, columnNumber: 17 }, __self: this }), "Food & Beverage Menu"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowFoodModal(false), className: "text-[#D4AF37] hover:text-[#FFD700]", __source: { fileName: "", lineNumber: 802, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-2xl", __source: { fileName: "", lineNumber: 806, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-6", __source: { fileName: "", lineNumber: 810, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedMenu("club"), className: `flex-1 py-3 px-6 rounded-lg font-semibold transition-colors ${selectedMenu === "club" ? "bg-[#D4AF37] text-black" : "bg-[#333333] text-[#D4AF37] hover:bg-[#444444]"}`, __source: { fileName: "", lineNumber: 811, columnNumber: 15 }, __self: this }, "Golf Club Menu"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedMenu("credo"), className: `flex-1 py-3 px-6 rounded-lg font-semibold transition-colors ${selectedMenu === "credo" ? "bg-[#D4AF37] text-black" : "bg-[#333333] text-[#D4AF37] hover:bg-[#444444]"}`, __source: { fileName: "", lineNumber: 821, columnNumber: 15 }, __self: this }, "Credo Exclusive Menu")), loadingMenu ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 834, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-[#D4AF37] text-2xl", __source: { fileName: "", lineNumber: 835, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 838, columnNumber: 15 }, __self: this }, [ "Breakfast", "Lunch", "Appetizers", "Sandwiches", "Salads", "Snacks", "Beverages" ].map((category)=>{ const categoryItems = menuItems.filter((item)=>item.category === category); if (categoryItems.length === 0) return null; return /*#__PURE__*/ React.createElement("div", { key: category, className: "bg-[#1A1A1A] p-4 rounded-lg", __source: { fileName: "", lineNumber: 854, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-[#D4AF37] mb-3", __source: { fileName: "", lineNumber: 855, columnNumber: 23 }, __self: this }, category), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 858, columnNumber: 23 }, __self: this }, categoryItems.map((item)=>{ const order = foodOrders.find((o)=>o.itemId === item.id); return /*#__PURE__*/ React.createElement("div", { key: item.id, className: "flex flex-col md:flex-row md:items-center justify-between gap-4 p-3 bg-[#333333] rounded-lg", __source: { fileName: "", lineNumber: 864, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 868, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 869, columnNumber: 33 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 870, columnNumber: 33 }, __self: this }, item.description), /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37]", __source: { fileName: "", lineNumber: 873, columnNumber: 33 }, __self: this }, "$", item.price.toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2", __source: { fileName: "", lineNumber: 877, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 878, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleQuantityChange(item.id, (order?.quantity || 0) - 1), className: "w-8 h-8 flex items-center justify-center bg-[#D4AF37] text-black rounded-full hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 879, columnNumber: 35 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "w-8 text-center", __source: { fileName: "", lineNumber: 891, columnNumber: 35 }, __self: this }, order?.quantity || 0), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>handleQuantityChange(item.id, (order?.quantity || 0) + 1), className: "w-8 h-8 flex items-center justify-center bg-[#D4AF37] text-black rounded-full hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 894, columnNumber: 35 }, __self: this }, "+")), order?.quantity > 0 && /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Special instructions...", value: specialInstructions[item.id] || "", onChange: (e)=>handleSpecialInstructions(item.id, e.target.value), className: "w-full p-2 text-sm bg-[#444444] rounded border border-[#D4AF37] focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 908, columnNumber: 35 }, __self: this }))); }))); }), foodOrders.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#1A1A1A] rounded-lg", __source: { fileName: "", lineNumber: 931, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-[#D4AF37]", __source: { fileName: "", lineNumber: 932, columnNumber: 21 }, __self: this }, "Total: $", calculateTotal().toFixed(2))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-4 mt-6", __source: { fileName: "", lineNumber: 938, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowFoodModal(false), className: "px-6 py-3 bg-[#333333] text-[#D4AF37] rounded-lg hover:bg-[#444444]", __source: { fileName: "", lineNumber: 939, columnNumber: 19 }, __self: this }, "Close Menu"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowFoodModal(false), className: "px-6 py-3 bg-[#D4AF37] text-black rounded-lg hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 946, columnNumber: 19 }, __self: this }, "Confirm Order")))))); }