function MainComponent() { const [darkMode, setDarkMode] = useState(false); const [selectedLocation, setSelectedLocation] = useState(""); const [showLocationModal, setShowLocationModal] = useState(false); const [cartItems, setCartItems] = useState([]); const [showCart, setShowCart] = useState(false); const [activeTab, setActiveTab] = useState("home"); const [loading, setLoading] = useState(false); const [menuItems, setMenuItems] = useState([]); const [foodMakers, setFoodMakers] = useState([]); const [selectedFilters, setSelectedFilters] = useState({ dietary: "", mealType: "", cuisine: "" }); const { data: user, loading: userLoading } = useUser(); // Load menu items when location or filters change useEffect(()=>{ // Only load menu items if PIN code is exactly 6 digits if (selectedLocation && selectedLocation.length === 6) { loadMenuItems(); } }, [ selectedLocation, selectedFilters ]); // Load cart from localStorage on mount useEffect(()=>{ const savedCart = localStorage.getItem("momsTiffinCart"); if (savedCart) { setCartItems(JSON.parse(savedCart)); } }, []); // Save cart to localStorage whenever it changes useEffect(()=>{ localStorage.setItem("momsTiffinCart", JSON.stringify(cartItems)); }, [ cartItems ]); const loadMenuItems = async ()=>{ setLoading(true); try { const response = await fetch("/api/menu-items", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ pin_code: selectedLocation, dietary_preference: selectedFilters.dietary || undefined, meal_type: selectedFilters.mealType || undefined, cuisine_type: selectedFilters.cuisine || undefined }) }); if (!response.ok) { throw new Error(`Failed to load menu items: ${response.status}`); } const data = await response.json(); if (data.success) { setMenuItems(data.items); } else { console.error("Failed to load menu items:", data.error); // Fallback to sample data setMenuItems(sampleMenuItems); } } catch (error) { console.error("Error loading menu items:", error); // Fallback to sample data setMenuItems(sampleMenuItems); } finally{ setLoading(false); } }; // Theme toggle const toggleTheme = ()=>{ setDarkMode(!darkMode); localStorage.setItem("momsTiffinTheme", darkMode ? "light" : "dark"); }; // Load theme from localStorage useEffect(()=>{ const savedTheme = localStorage.getItem("momsTiffinTheme"); if (savedTheme) { setDarkMode(savedTheme === "dark"); } }, []); // Add to cart const addToCart = (item)=>{ const existingItem = cartItems.find((cartItem)=>cartItem.id === item.id); if (existingItem) { setCartItems(cartItems.map((cartItem)=>cartItem.id === item.id ? { ...cartItem, quantity: cartItem.quantity + 1 } : cartItem)); } else { setCartItems([ ...cartItems, { ...item, quantity: 1, menuItemId: item.id, foodMaker: item.food_maker?.business_name || item.foodMaker } ]); } }; // Remove from cart const removeFromCart = (itemId)=>{ setCartItems(cartItems.filter((item)=>item.id !== itemId)); }; // Update cart quantity const updateCartQuantity = (itemId, quantity)=>{ if (quantity === 0) { removeFromCart(itemId); } else { setCartItems(cartItems.map((item)=>item.id === itemId ? { ...item, quantity } : item)); } }; // Calculate cart total const cartTotal = cartItems.reduce((total, item)=>total + item.price * item.quantity, 0); // Sample data (fallback) const sampleMenuItems = [ { id: 1, name: "Home-style Dal Rice", description: "Traditional dal with steamed rice, pickle, and papad", price: 120, image_url: "https://images.unsplash.com/photo-1546833999-b9f581a1996d?w=300&h=200&fit=crop", dietary_preference: "veg", meal_type: "lunch", cuisine_type: "North Indian", food_maker: { business_name: "Sunita's Kitchen", rating: 4.5 }, preparation_time: 30 }, { id: 2, name: "South Indian Thali", description: "Rice, sambar, rasam, vegetables, and curd", price: 150, image_url: "https://images.unsplash.com/photo-1565557623262-b51c2513a641?w=300&h=200&fit=crop", dietary_preference: "veg", meal_type: "lunch", cuisine_type: "South Indian", food_maker: { business_name: "Lakshmi's Home Food", rating: 4.8 }, preparation_time: 25 }, { id: 3, name: "Chicken Curry with Roti", description: "Homemade chicken curry with fresh rotis", price: 180, image_url: "https://images.unsplash.com/photo-1565299624946-b28f40a0ca4b?w=300&h=200&fit=crop", dietary_preference: "non_veg", meal_type: "dinner", cuisine_type: "North Indian", food_maker: { business_name: "Priya's Kitchen", rating: 4.6 }, preparation_time: 45 } ]; // Filter menu items const filteredMenuItems = (menuItems.length > 0 ? menuItems : sampleMenuItems).filter((item)=>{ return (!selectedFilters.dietary || item.dietary_preference === selectedFilters.dietary) && (!selectedFilters.mealType || item.meal_type === selectedFilters.mealType) && (!selectedFilters.cuisine || item.cuisine_type === selectedFilters.cuisine); }); // Location Modal Component const LocationModal = ()=>/*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 flex items-center justify-center p-4 ${darkMode ? "bg-black bg-opacity-50" : "bg-black bg-opacity-50"}`, __source: { fileName: "", lineNumber: 205, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full max-w-md rounded-2xl p-6 ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 208, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: `text-xl font-bold mb-4 ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 211, columnNumber: 9 }, __self: this }, "Select Your Location"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter PIN code or area", className: `w-full p-3 rounded-lg border mb-4 ${darkMode ? "bg-gray-700 border-gray-600 text-white" : "bg-white border-gray-300"}`, value: selectedLocation, onChange: (e)=>setSelectedLocation(e.target.value), __source: { fileName: "", lineNumber: 216, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 223, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLocationModal(false), className: `flex-1 py-3 rounded-lg ${darkMode ? "bg-gray-600 text-white" : "bg-gray-200 text-gray-800"}`, __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowLocationModal(false); if (selectedLocation) { localStorage.setItem("momsTiffinLocation", selectedLocation); } }, className: "flex-1 py-3 rounded-lg bg-orange-500 text-white font-medium", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, "Confirm")))); // Cart Modal Component const CartModal = ()=>/*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 z-50 flex items-end justify-center ${darkMode ? "bg-black bg-opacity-50" : "bg-black bg-opacity-50"}`, __source: { fileName: "", lineNumber: 248, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full max-w-md rounded-t-2xl p-6 max-h-[80vh] overflow-y-auto ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 251, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 254, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: `text-xl font-bold ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, "Your Cart (", cartItems.length, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCart(false), className: `p-2 rounded-full ${darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-times ${darkMode ? "text-white" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }))), cartItems.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: `text-center py-8 ${darkMode ? "text-gray-400" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 271, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart text-4xl mb-4", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }, "Your cart is empty")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mb-6", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, cartItems.map((item)=>/*#__PURE__*/ React.createElement("div", { key: item.id, className: `flex items-center gap-3 p-3 rounded-lg ${darkMode ? "bg-gray-700" : "bg-gray-50"}`, __source: { fileName: "", lineNumber: 281, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.image_url || item.image, alt: item.name, className: "w-16 h-16 rounded-lg object-cover", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 290, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `font-medium ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 291, columnNumber: 21 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 296, columnNumber: 21 }, __self: this }, "₹", item.price)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>updateCartQuantity(item.id, item.quantity - 1), className: "w-8 h-8 rounded-full bg-orange-500 text-white flex items-center justify-center", __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-minus text-xs", __source: { fileName: "", lineNumber: 309, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: `w-8 text-center ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }, item.quantity), /*#__PURE__*/ React.createElement("button", { onClick: ()=>updateCartQuantity(item.id, item.quantity + 1), className: "w-8 h-8 rounded-full bg-orange-500 text-white flex items-center justify-center", __source: { fileName: "", lineNumber: 316, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-xs", __source: { fileName: "", lineNumber: 322, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: `border-t pt-4 ${darkMode ? "border-gray-600" : "border-gray-200"}`, __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `flex justify-between items-center mb-4 ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this }, "Total: ₹", cartTotal)), /*#__PURE__*/ React.createElement("a", { href: "/checkout", className: "w-full py-3 bg-orange-500 text-white rounded-lg font-medium text-center block", __source: { fileName: "", lineNumber: 337, columnNumber: 15 }, __self: this }, "Proceed to Checkout"))))); // Menu Item Card Component const MenuItemCard = ({ item })=>/*#__PURE__*/ React.createElement("div", { className: `rounded-2xl overflow-hidden shadow-lg ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 352, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.image_url || item.image, alt: item.name, className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 355, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 360, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: `font-bold text-lg ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 362, columnNumber: 11 }, __self: this }, item.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1", __source: { fileName: "", lineNumber: 367, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-yellow-500 text-sm", __source: { fileName: "", lineNumber: 368, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-gray-300" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 369, columnNumber: 13 }, __self: this }, item.food_maker?.rating || item.rating || 4.5))), /*#__PURE__*/ React.createElement("p", { className: `text-sm mb-3 ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 376, columnNumber: 9 }, __self: this }, item.description), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-3", __source: { fileName: "", lineNumber: 381, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 382, columnNumber: 11 }, __self: this }, "by ", item.food_maker?.business_name || item.foodMaker), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 387, columnNumber: 11 }, __self: this }, item.preparation_time, " mins")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 393, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-xl font-bold ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 394, columnNumber: 11 }, __self: this }, "₹", item.price), /*#__PURE__*/ React.createElement("span", { className: `text-xs px-2 py-1 rounded ${item.dietary_preference === "veg" ? "bg-green-100 text-green-800" : item.dietary_preference === "non_veg" ? "bg-red-100 text-red-800" : "bg-blue-100 text-blue-800"}`, __source: { fileName: "", lineNumber: 399, columnNumber: 11 }, __self: this }, item.dietary_preference)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 411, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 412, columnNumber: 11 }, __self: this }, item.meal_type, " • ", item.cuisine_type), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addToCart(item), className: "px-4 py-2 bg-orange-500 text-white rounded-lg font-medium hover:bg-orange-600 transition-colors", __source: { fileName: "", lineNumber: 417, columnNumber: 11 }, __self: this }, "Add to Cart")))); // Load saved location on mount useEffect(()=>{ const savedLocation = localStorage.getItem("momsTiffinLocation"); if (savedLocation) { setSelectedLocation(savedLocation); } }, []); return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen transition-colors duration-300 ${darkMode ? "bg-gray-900" : "bg-gray-50"}`, __source: { fileName: "", lineNumber: 437, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: `sticky top-0 z-40 ${darkMode ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"} border-b`, __source: { fileName: "", lineNumber: 441, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 444, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 445, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 447, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-orange-500 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 448, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils text-white", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: `text-xl font-bold ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 452, columnNumber: 17 }, __self: this }, "Moms' Tiffin"), /*#__PURE__*/ React.createElement("p", { className: `text-xs ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 457, columnNumber: 17 }, __self: this }, "Homemade with love"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 466, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLocationModal(true), className: `flex items-center gap-2 px-3 py-2 rounded-lg ${darkMode ? "bg-gray-700 text-white" : "bg-gray-100 text-gray-800"}`, __source: { fileName: "", lineNumber: 468, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-orange-500", __source: { fileName: "", lineNumber: 472, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }, selectedLocation || "Select Location"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 476, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: toggleTheme, className: `p-2 rounded-lg ${darkMode ? "bg-gray-700 text-yellow-400" : "bg-gray-100 text-gray-600"}`, __source: { fileName: "", lineNumber: 480, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${darkMode ? "fa-sun" : "fa-moon"}`, __source: { fileName: "", lineNumber: 484, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCart(true), className: "relative p-2 rounded-lg bg-orange-500 text-white", __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }), cartItems.length > 0 && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 w-5 h-5 bg-red-500 text-white text-xs rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 494, columnNumber: 19 }, __self: this }, cartItems.length)), user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center ${darkMode ? "text-white" : "text-white"}`, __source: { fileName: "", lineNumber: 503, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-sm", __source: { fileName: "", lineNumber: 506, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this }, user.name || user.email), /*#__PURE__*/ React.createElement("a", { href: "/food-maker-dashboard", className: "ml-2 px-3 py-1 bg-green-500 text-white rounded text-xs", __source: { fileName: "", lineNumber: 513, columnNumber: 19 }, __self: this }, "Dashboard")) : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-4 py-2 bg-orange-500 text-white rounded-lg text-sm font-medium", __source: { fileName: "", lineNumber: 521, columnNumber: 17 }, __self: this }, "Sign In"))))), /*#__PURE__*/ React.createElement("div", { className: `sticky top-[73px] z-30 ${darkMode ? "bg-gray-800 border-gray-700" : "bg-white border-gray-200"} border-b`, __source: { fileName: "", lineNumber: 534, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-3", __source: { fileName: "", lineNumber: 537, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 overflow-x-auto", __source: { fileName: "", lineNumber: 538, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedFilters.dietary, onChange: (e)=>setSelectedFilters({ ...selectedFilters, dietary: e.target.value }), className: `px-3 py-2 rounded-lg text-sm ${darkMode ? "bg-gray-700 text-white border-gray-600" : "bg-gray-100 text-gray-800 border-gray-300"} border`, __source: { fileName: "", lineNumber: 540, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, "All Dietary"), /*#__PURE__*/ React.createElement("option", { value: "veg", __source: { fileName: "", lineNumber: 551, columnNumber: 15 }, __self: this }, "Vegetarian"), /*#__PURE__*/ React.createElement("option", { value: "non_veg", __source: { fileName: "", lineNumber: 552, columnNumber: 15 }, __self: this }, "Non-Vegetarian"), /*#__PURE__*/ React.createElement("option", { value: "vegan", __source: { fileName: "", lineNumber: 553, columnNumber: 15 }, __self: this }, "Vegan"), /*#__PURE__*/ React.createElement("option", { value: "jain", __source: { fileName: "", lineNumber: 554, columnNumber: 15 }, __self: this }, "Jain")), /*#__PURE__*/ React.createElement("select", { value: selectedFilters.mealType, onChange: (e)=>setSelectedFilters({ ...selectedFilters, mealType: e.target.value }), className: `px-3 py-2 rounded-lg text-sm ${darkMode ? "bg-gray-700 text-white border-gray-600" : "bg-gray-100 text-gray-800 border-gray-300"} border`, __source: { fileName: "", lineNumber: 558, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 568, columnNumber: 15 }, __self: this }, "All Meals"), /*#__PURE__*/ React.createElement("option", { value: "breakfast", __source: { fileName: "", lineNumber: 569, columnNumber: 15 }, __self: this }, "Breakfast"), /*#__PURE__*/ React.createElement("option", { value: "lunch", __source: { fileName: "", lineNumber: 570, columnNumber: 15 }, __self: this }, "Lunch"), /*#__PURE__*/ React.createElement("option", { value: "dinner", __source: { fileName: "", lineNumber: 571, columnNumber: 15 }, __self: this }, "Dinner"), /*#__PURE__*/ React.createElement("option", { value: "snacks", __source: { fileName: "", lineNumber: 572, columnNumber: 15 }, __self: this }, "Snacks")), /*#__PURE__*/ React.createElement("select", { value: selectedFilters.cuisine, onChange: (e)=>setSelectedFilters({ ...selectedFilters, cuisine: e.target.value }), className: `px-3 py-2 rounded-lg text-sm ${darkMode ? "bg-gray-700 text-white border-gray-600" : "bg-gray-100 text-gray-800 border-gray-300"} border`, __source: { fileName: "", lineNumber: 576, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 586, columnNumber: 15 }, __self: this }, "All Cuisines"), /*#__PURE__*/ React.createElement("option", { value: "North Indian", __source: { fileName: "", lineNumber: 587, columnNumber: 15 }, __self: this }, "North Indian"), /*#__PURE__*/ React.createElement("option", { value: "South Indian", __source: { fileName: "", lineNumber: 588, columnNumber: 15 }, __self: this }, "South Indian"), /*#__PURE__*/ React.createElement("option", { value: "Regional", __source: { fileName: "", lineNumber: 589, columnNumber: 15 }, __self: this }, "Regional"))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 596, columnNumber: 7 }, __self: this }, !selectedLocation && /*#__PURE__*/ React.createElement("div", { className: `rounded-2xl p-6 mb-6 text-center ${darkMode ? "bg-gray-800" : "bg-white"} shadow-lg`, __source: { fileName: "", lineNumber: 599, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-orange-100 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 602, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-orange-500 text-2xl", __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: `text-2xl font-bold mb-2 ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 605, columnNumber: 13 }, __self: this }, "Welcome to Moms' Tiffin!"), /*#__PURE__*/ React.createElement("p", { className: `mb-4 ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 610, columnNumber: 13 }, __self: this }, "Select your location to discover delicious homemade meals from local moms in your area."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLocationModal(true), className: "px-6 py-3 bg-orange-500 text-white rounded-lg font-medium", __source: { fileName: "", lineNumber: 616, columnNumber: 13 }, __self: this }, "Select Your Location")), selectedLocation && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 628, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: `text-2xl font-bold ${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 629, columnNumber: 15 }, __self: this }, "Available Tiffins"), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${darkMode ? "text-gray-400" : "text-gray-600"}`, __source: { fileName: "", lineNumber: 634, columnNumber: 15 }, __self: this }, filteredMenuItems.length, " items found")), loading ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 642, columnNumber: 15 }, __self: this }, [ ...Array.from({ length: 6 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `rounded-2xl overflow-hidden shadow-lg ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 644, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-48 bg-gray-300 animate-pulse", __source: { fileName: "", lineNumber: 648, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-3", __source: { fileName: "", lineNumber: 649, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-300 rounded animate-pulse", __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-gray-300 rounded animate-pulse", __source: { fileName: "", lineNumber: 651, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-gray-300 rounded animate-pulse w-3/4", __source: { fileName: "", lineNumber: 652, columnNumber: 23 }, __self: this }))))) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, filteredMenuItems.map((item)=>/*#__PURE__*/ React.createElement(MenuItemCard, { key: item.id, item: item, __source: { fileName: "", lineNumber: 660, columnNumber: 19 }, __self: this }))), !loading && filteredMenuItems.length === 0 && /*#__PURE__*/ React.createElement("div", { className: `text-center py-12 ${darkMode ? "text-gray-400" : "text-gray-500"}`, __source: { fileName: "", lineNumber: 666, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-4xl mb-4", __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 670, columnNumber: 17 }, __self: this }, "No tiffins found matching your filters."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedFilters({ dietary: "", mealType: "", cuisine: "" }), className: "mt-4 px-4 py-2 bg-orange-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 671, columnNumber: 17 }, __self: this }, "Clear Filters")))), showLocationModal && /*#__PURE__*/ React.createElement(LocationModal, { __source: { fileName: "", lineNumber: 690, columnNumber: 29 }, __self: this }), showCart && /*#__PURE__*/ React.createElement(CartModal, { __source: { fileName: "", lineNumber: 691, columnNumber: 20 }, __self: this }), loading && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50", __source: { fileName: "", lineNumber: 695, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-6 rounded-2xl ${darkMode ? "bg-gray-800" : "bg-white"}`, __source: { fileName: "", lineNumber: 696, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin w-8 h-8 border-4 border-orange-500 border-t-transparent rounded-full mx-auto mb-4", __source: { fileName: "", lineNumber: 699, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: `${darkMode ? "text-white" : "text-gray-800"}`, __source: { fileName: "", lineNumber: 700, columnNumber: 13 }, __self: this }, "Loading...")))); }