Update app.py

app.py

@@ -9,22 +9,21 @@ def load_menu():
     except Exception as e:
         raise ValueError(f"Error loading menu file: {e}")
 
+# Initialize cart globally
+cart_items = []
+
 # Function to filter menu items based on preference
 def filter_menu(preference):
-    # Load menu data
     menu_data = load_menu()
-
-    # Define filter conditions
     if preference == "Halal/Non-Veg":
         filtered_data = menu_data[menu_data["Ingredients"].str.contains("Chicken|Mutton|Fish|Prawns|Goat", case=False, na=False)]
     elif preference == "Vegetarian":
         filtered_data = menu_data[~menu_data["Ingredients"].str.contains("Chicken|Mutton|Fish|Prawns|Goat", case=False, na=False)]
     elif preference == "Guilt-Free":
         filtered_data = menu_data[menu_data["Description"].str.contains(r"Fat: ([0-9]|10)g", case=False, na=False)]
-    else:  # Default to "All"
+    else:
         filtered_data = menu_data
 
-    # Generate HTML for the menu
     html_content = ""
     for _, item in filtered_data.iterrows():
         html_content += f"""
@@ -42,6 +41,19 @@ def filter_menu(preference):
         """
     return html_content
 
+# Function to update the cart display
+def update_cart(cart):
+    global cart_items
+    cart_items = cart  # Update global cart items
+    if len(cart_items) == 0:
+        return "Your cart is empty."
+    cart_html = "<h3>Your Cart:</h3><ul>"
+    for item in cart_items:
+        extras = ", ".join(item["extras"])
+        cart_html += f"<li>{item['name']} (x{item['quantity']}, Spice: {item['spiceLevel']}, Extras: {extras}) - {item['price']}</li>"
+    cart_html += "</ul>"
+    return cart_html
+
 # Gradio app definition
 def app():
     with gr.Blocks() as demo:
@@ -57,6 +69,9 @@ def app():
         # Output area for menu items
         menu_output = gr.HTML(value=filter_menu("All"))
 
+        # Cart display
+        cart_output = gr.HTML(value="Your cart is empty.")
+
         # Modal window
         modal_window = gr.HTML("""
         <div id="modal" style="display: none; position: fixed; top: 40%; left: 50%; transform: translate(-50%, -40%); width: 50%; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
@@ -102,7 +117,6 @@ def app():
             <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
         </div>
         <script>
-            // A placeholder for the cart items
             let cart = [];
 
             function openModal(name, image, description, price) {
@@ -118,36 +132,23 @@ def app():
             }
 
             function addToCart() {
-                // Get dish details
                 const name = document.getElementById('modal-name').innerText;
                 const price = document.getElementById('modal-price').innerText;
                 const spiceLevel = document.querySelector('input[name="spice-level"]:checked')?.value || "Not Selected";
                 const quantity = parseInt(document.getElementById('quantity').value) || 1;
                 const instructions = document.getElementById('special-instructions').value;
-
-                // Get selected extras
                 const extras = Array.from(document.querySelectorAll('input[name="biryani-extra"]:checked')).map(extra => extra.value);
 
-                // Create a cart item object
-                const cartItem = {
-                    name,
-                    price,
-                    spiceLevel,
-                    quantity,
-                    instructions,
-                    extras
-                };
-
-                // Add to cart
+                const cartItem = { name, price, spiceLevel, quantity, instructions, extras };
                 cart.push(cartItem);
 
-                // Update the cart display (for demo purposes, we'll log it in the console)
-                console.log("Cart:", cart);
+                fetch("/update_cart", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(cart)
+                });
 
-                // Optionally, show a confirmation message
                 alert(`${name} added to cart!`);
-
-                // Close the modal
                 closeModal();
             }
         </script>
@@ -156,14 +157,14 @@ def app():
         # Interactivity
         selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
 
-        # Layout
+        # Add the cart output
         gr.Row([selected_preference])
         gr.Row(menu_output)
+        gr.Row(cart_output)
         gr.Row(modal_window)
 
     return demo
 
-# Run the app
 if __name__ == "__main__":
     demo = app()
     demo.launch()