function MainComponent() { const { data: user, loading } = useUser(); const [activeBookings, setActiveBookings] = useState([]); const [loadingBookings, setLoadingBookings] = useState(true); useEffect(()=>{ const fetchBookings = async ()=>{ try { const response = await fetch('/api/bookings/list?status=active'); if (!response.ok) throw new Error('Failed to fetch bookings'); const data = await response.json(); setActiveBookings(data.bookings || []); } catch (error) { console.error('Error fetching bookings:', error); } finally{ setLoadingBookings(false); } }; fetchBookings(); }, []); const menuItems = [ { icon: 'calendar', label: 'Book Tee Time', link: '/book' }, { icon: 'users', label: 'Book Party', link: '/book-party' }, { icon: 'golf-ball', label: 'Golf Services', link: '/services' }, { icon: 'utensils', label: 'Food Order', link: '/food-order' }, { icon: 'shopping-bag', label: 'Pro Shop', link: '/shop' }, { icon: 'crown', label: 'Membership', link: '/subscription' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A2F1C]", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "safe-area-inset-top bg-[#0A2F1C] border-b border-[#D4AF37]", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-3 flex justify-between items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#133A24] animate-pulse", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }) : user ? /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#D4AF37] flex items-center justify-center text-black font-bold", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, user.name?.[0]?.toUpperCase() || 'G') : /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#133A24] flex items-center justify-center", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#D4AF37]", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#D4AF37] font-bold font-playfair", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, loading ? 'Loading...' : user ? `Welcome, ${user.name}` : 'Welcome to Credo'), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#90EE90]", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "Your Golf Journey Awaits"))), /*#__PURE__*/ React.createElement("a", { href: "/account/settings", className: "text-[#D4AF37]", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-xl", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#D4AF37] font-playfair text-lg mb-3", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Quick Actions"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-3", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, menuItems.map((item, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: item.link, className: "flex flex-col items-center p-4 bg-[#133A24] rounded-lg border border-[#D4AF37]/30 hover:border-[#D4AF37]", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${item.icon} text-[#D4AF37] text-xl mb-2`, __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#90EE90] text-sm text-center", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, item.label))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#D4AF37] font-playfair text-lg mb-3", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Upcoming Bookings"), loadingBookings ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-3", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, [ 1, 2 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "h-24 bg-[#133A24] rounded-lg", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }))) : activeBookings.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, activeBookings.map((booking, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#133A24] p-4 rounded-lg border border-[#D4AF37]/30", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#D4AF37] font-bold", __source: { fileName: "", lineNumber: 92, columnNumber: 23 }, __self: this }, new Date(booking.date).toLocaleDateString()), /*#__PURE__*/ React.createElement("p", { className: "text-[#90EE90]", __source: { fileName: "", lineNumber: 95, columnNumber: 23 }, __self: this }, booking.time)), /*#__PURE__*/ React.createElement("span", { className: "bg-[#D4AF37]/20 text-[#D4AF37] text-sm px-2 py-1 rounded", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, booking.type || 'Tee Time')), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#90EE90]/80", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, booking.players, " ", booking.players === 1 ? 'Player' : 'Players')))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#133A24] p-6 rounded-lg text-center", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#90EE90] mb-3", __source: { fileName: "", lineNumber: 109, columnNumber: 15 }, __self: this }, "No upcoming bookings"), /*#__PURE__*/ React.createElement("a", { href: "/book", className: "inline-block bg-[#D4AF37] text-black px-4 py-2 rounded-lg hover:bg-[#FFD700]", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Book Now"))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-[#0A2F1C] border-t border-[#D4AF37] safe-area-inset-bottom", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around py-3", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/mobile/dashboard", className: "flex flex-col items-center text-[#D4AF37]", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-xl", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("a", { href: "/book", className: "flex flex-col items-center text-[#90EE90]", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar text-xl", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "Book")), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "flex flex-col items-center text-[#90EE90]", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-golf-ball text-xl", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "Services")), /*#__PURE__*/ React.createElement("a", { href: "/profile", className: "flex flex-col items-center text-[#90EE90]", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-xl", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-1", __source: { fileName: "", lineNumber: 136, columnNumber: 15 }, __self: this }, "Profile")))))); }