Update app.py

app.py

@@ -31,10 +31,8 @@ def load_menu(file_path="menu.xlsx"):
 menu_data = load_menu("menu.xlsx")
 cart = {}
 
+# Function to render the menu
 def display_menu():
-    """
-    Render the menu dynamically as HTML.
-    """
     menu_html = ""
     for item in menu_data:
         if item["name"] in cart:
@@ -67,10 +65,8 @@ def display_menu():
             """
     return menu_html
 
+# Function to add items to the cart
 def add_to_cart(item_name):
-    """
-    Add an item to the cart.
-    """
     if item_name in cart:
         cart[item_name]["quantity"] += 1
     else:
@@ -82,40 +78,53 @@ def add_to_cart(item_name):
                     "quantity": 1
                 }
                 break
-    return display_menu()
+    return update_cart_summary()
 
-def update_quantity(item_name, operation):
-    """
-    Update the quantity of an item in the cart.
-    """
-    if item_name in cart:
-        if operation == "increase":
-            cart[item_name]["quantity"] += 1
-        elif operation == "decrease":
-            cart[item_name]["quantity"] -= 1
-            if cart[item_name]["quantity"] <= 0:
-                del cart[item_name]
-    return display_menu()
+# Function to update the cart summary
+def update_cart_summary():
+    num_items = sum(item["quantity"] for item in cart.values())
+    total_price = sum(item["price"] * item["quantity"] for item in cart.values())
+    return f"{num_items} items added", f"Total: ${total_price:.2f}"
+
+# Function to render the cart page
+def display_cart():
+    if not cart:
+        return "Your cart is empty."
+    
+    cart_html = "<h3>Your Cart:</h3>"
+    total_price = 0
+    for item in cart.values():
+        item_total = item["price"] * item["quantity"]
+        total_price += item_total
+        cart_html += f"""
+        <div style="display: flex; align-items: center; margin-bottom: 15px; border: 1px solid #ddd; padding: 10px; border-radius: 5px;">
+            <h4 style="margin: 0;">{item['name']}</h4>
+            <div style="margin-left: auto; display: flex; align-items: center;">
+                <button onclick="update_quantity('{item['name']}', 'decrease')" style="background-color: #dc3545; color: white; border: none; padding: 5px; border-radius: 5px;">-</button>
+                <span style="margin: 0 10px;">{item['quantity']}</span>
+                <button onclick="update_quantity('{item['name']}', 'increase')" style="background-color: #28a745; color: white; border: none; padding: 5px; border-radius: 5px;">+</button>
+            </div>
+            <p style="margin: 0 0 0 15px;">${item_total:.2f}</p>
+        </div>
+        """
+    cart_html += f"<h4>Total: ${total_price:.2f}</h4>"
+    cart_html += '<button style="padding: 10px; background-color: #28a745; color: white; border: none; border-radius: 5px;">Place Order</button>'
+    return cart_html
 
 # Gradio Interface
 with gr.Blocks() as demo:
     gr.Markdown("# Dynamic Food Menu")
     
-    menu_html = gr.HTML(value=display_menu())
-
-    # Hidden input fields for Gradio's event handling
-    item_name_input = gr.Textbox(visible=False)
-    operation_input = gr.Textbox(visible=False)
-
-    # Simulate "Add to Cart" and "Update Quantity"
-    add_button = gr.Button("Add to Cart", visible=False)
-    update_button = gr.Button("Update Quantity", visible=False)
+    with gr.Tab("Menu"):
+        menu_html = gr.HTML(value=display_menu())
+        cart_summary = gr.HTML(value="No items added to cart.")
 
-    # Update menu after adding or updating quantity
-    add_button.click(fn=add_to_cart, inputs=item_name_input, outputs=menu_html)
-    update_button.click(fn=update_quantity, inputs=[item_name_input, operation_input], outputs=menu_html)
+        # Add to Cart buttons
+        item_name_input = gr.Textbox(visible=False)
+        add_button = gr.Button("Add to Cart", visible=False)
+        add_button.click(add_to_cart, inputs=item_name_input, outputs=[menu_html, cart_summary])
 
-    # Add components directly without .render()
-    menu_html
+    with gr.Tab("Cart"):
+        cart_html = gr.HTML(value=display_cart())
 
 demo.launch()