function MainComponent() { const [bookingDetails, setBookingDetails] = useState({ date: "", time: "", players: 1, playerNames: [ "" ], additionalServices: { caddy: false, equipment: false } }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); 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(bookingDetails) }); if (!response.ok) { throw new Error("Failed to create booking"); } setSuccess(true); } catch (err) { console.error("Error creating booking:", err); setError("Failed to create booking. Please try again."); } finally{ setLoading(false); } }; const handlePlayerNameChange = (index, value)=>{ const newPlayerNames = [ ...bookingDetails.playerNames ]; newPlayerNames[index] = value; setBookingDetails({ ...bookingDetails, playerNames: newPlayerNames }); }; const handlePlayersChange = (value)=>{ const newCount = parseInt(value); setBookingDetails((prev)=>({ ...prev, players: newCount, playerNames: Array(newCount).fill("").map((_, i)=>prev.playerNames[i] || "") })); }; if (success) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A2F1C] p-6", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] rounded-lg p-8 text-center border border-[#D4AF37]", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-[#D4AF37] text-5xl mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Booking Confirmed!"), /*#__PURE__*/ React.createElement("p", { className: "text-[#90EE90] mb-6", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Your golf session has been successfully booked."), /*#__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: 74, columnNumber: 11 }, __self: this }, "Return to Home"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A2F1C] p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#D4AF37] mb-2 font-playfair", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "Book Your Golf Session"), /*#__PURE__*/ React.createElement("p", { className: "text-[#90EE90] italic", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Select your preferred time and options")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("input", { type: "date", required: true, value: bookingDetails.date, onChange: (e)=>setBookingDetails({ ...bookingDetails, date: e.target.value }), className: "w-full p-3 rounded-lg bg-[#133A24] border border-[#D4AF37] text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, "Time"), /*#__PURE__*/ React.createElement("input", { type: "time", required: true, value: bookingDetails.time, onChange: (e)=>setBookingDetails({ ...bookingDetails, time: e.target.value }), className: "w-full p-3 rounded-lg bg-[#133A24] border border-[#D4AF37] text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "Number of Players"), /*#__PURE__*/ React.createElement("select", { value: bookingDetails.players, onChange: (e)=>handlePlayersChange(e.target.value), className: "w-full p-3 rounded-lg bg-[#133A24] border border-[#D4AF37] text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, [ 1, 2, 3, 4 ].map((num)=>/*#__PURE__*/ React.createElement("option", { key: num, value: num, __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }, num, " ", num === 1 ? "Player" : "Players")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, bookingDetails.playerNames.map((name, index)=>/*#__PURE__*/ React.createElement("div", { key: index, __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#D4AF37] mb-2", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, "Player ", index + 1, " Name"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, value: name, onChange: (e)=>handlePlayerNameChange(index, e.target.value), className: "w-full p-3 rounded-lg bg-[#133A24] border border-[#D4AF37] text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]", placeholder: "Enter player name", __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 161, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "caddy", checked: bookingDetails.additionalServices.caddy, onChange: (e)=>setBookingDetails({ ...bookingDetails, additionalServices: { ...bookingDetails.additionalServices, caddy: e.target.checked } }), className: "w-5 h-5 rounded border-[#D4AF37]", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "caddy", className: "text-[#D4AF37]", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, "Request Caddy Service")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "equipment", checked: bookingDetails.additionalServices.equipment, onChange: (e)=>setBookingDetails({ ...bookingDetails, additionalServices: { ...bookingDetails.additionalServices, equipment: e.target.checked } }), className: "w-5 h-5 rounded border-[#D4AF37]", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "equipment", className: "text-[#D4AF37]", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, "Rent Golf Equipment"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/20 border border-red-500 text-red-500 p-4 rounded-lg", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __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-bold text-lg", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }), "Processing...") : "Book Now")))); } // Update the path to be under /mobile MainComponent.path = "/mobile/book";