Update app.py

app.py

@@ -1,73 +1,69 @@
 import gradio as gr
 import pandas as pd
 
-# Menu data (simulate database)
-menu_data = {
-    "Veg Samosa": {"price": 9, "suggestions": ["Green Chutney", "Masala Tea"]},
-    "Onion Pakoda": {"price": 10, "suggestions": ["Tamarind Sauce", "Hot Tea"]},
-}
+# Simulated menu data
+menu_data = [
+    {"name": "Samosa", "price": 10, "description": "Crispy fried pastry filled with spiced potatoes and peas. Serves 1. [Energy: 200 kcal, Protein: 5g, Carbohydrates: 25g, Fiber: 3g, Fat: 10g, Sugar: 1g]", "image": "images/samosa.jpg"},
+    {"name": "Onion Pakoda", "price": 14, "description": "Deep-fried onion fritters seasoned with herbs and spices. Serves 2. [Energy: 250 kcal, Protein: 6g, Carbohydrates: 30g, Fiber: 4g, Fat: 12g, Sugar: 2g]", "image": "images/onion-pakoda.jpg"},
+    {"name": "Paneer Tikka", "price": 15, "description": "Grilled paneer cubes marinated in spices. Serves 1. [Energy: 300 kcal, Protein: 15g, Carbohydrates: 10g, Fiber: 2g, Fat: 20g, Sugar: 1g]", "image": "images/paneer-tikka.jpg"},
+    {"name": "Veg Biryani", "price": 12, "description": "Aromatic rice cooked with vegetables and spices. Serves 1. [Energy: 350 kcal, Protein: 8g, Carbohydrates: 50g, Fiber: 5g, Fat: 12g, Sugar: 2g]", "image": "images/veg-biryani.jpg"},
+    {"name": "Chicken Curry", "price": 16, "description": "Tender chicken pieces cooked in a spicy curry. Serves 1. [Energy: 400 kcal, Protein: 25g, Carbohydrates: 10g, Fiber: 2g, Fat: 25g, Sugar: 3g]", "image": "images/chicken-curry.jpg"},
+    {"name": "Masala Dosa", "price": 10, "description": "Thin rice crepe stuffed with spiced potato filling. Serves 1. [Energy: 300 kcal, Protein: 6g, Carbohydrates: 45g, Fiber: 4g, Fat: 8g, Sugar: 1g]", "image": "images/masala-dosa.jpg"}
+]
 
-# Cart to store selected items
 cart = []
 
 def display_menu():
     """
-    Display menu items in a user-friendly format.
+    Function to display the menu in a formatted style with an 'Add' button for each item.
     """
-    menu_list = []
-    for item, details in menu_data.items():
-        menu_list.append(f"{item} - ${details['price']}")
-    return "\n".join(menu_list)
+    menu_html = ""
+    for item in menu_data:
+        menu_html += f"""
+        <div style="display: flex; margin-bottom: 15px; align-items: center; border: 1px solid #ddd; padding: 10px; border-radius: 5px;">
+            <img src="{item['image']}" alt="{item['name']}" style="width: 100px; height: 100px; margin-right: 15px; border-radius: 5px;">
+            <div style="flex-grow: 1;">
+                <h4 style="margin: 0;">{item['name']} - ${item['price']}</h4>
+                <p style="margin: 5px 0; font-size: 12px;">{item['description']}</p>
+            </div>
+            <button style="background-color: #28a745; color: white; border: none; padding: 8px 12px; border-radius: 5px; cursor: pointer;" onclick="add_to_cart('{item['name']}', {item['price']})">Add</button>
+        </div>
+        """
+    return menu_html
 
-def add_to_cart(food_item, quantity):
+def add_to_cart(item_name, item_price):
     """
-    Add an item to the cart with quantity and suggestions.
+    Add an item to the cart with its price.
     """
-    if food_item not in menu_data:
-        return "Error: Item not found in menu."
-    
-    quantity = int(quantity)
-    cart.append({
-        "foodItem": food_item,
-        "quantity": quantity,
-        "price": menu_data[food_item]['price'] * quantity,
-        "suggestions": menu_data[food_item]['suggestions']
-    })
-    
-    cart_summary = "\n".join([f"{item['foodItem']} (x{item['quantity']}) - ${item['price']}" for item in cart])
-    return f"{food_item} added to cart!\n\nCart Summary:\n{cart_summary}"
+    cart.append({"item": item_name, "price": item_price})
+    return f"Added {item_name} to the cart!"
 
 def view_cart():
     """
-    Display the current cart contents.
+    View the cart items and calculate the total price.
     """
     if not cart:
         return "Your cart is empty."
-    cart_summary = "\n".join([f"{item['foodItem']} (x{item['quantity']}) - ${item['price']}" for item in cart])
-    return f"Cart Summary:\n{cart_summary}"
+    
+    cart_summary = "<h3>Cart Summary:</h3><ul>"
+    total_price = 0
+    for item in cart:
+        cart_summary += f"<li>{item['item']} - ${item['price']}</li>"
+        total_price += item["price"]
+    cart_summary += f"</ul><h4>Total Price: ${total_price}</h4>"
+    return cart_summary
 
-# Gradio Interface
 with gr.Blocks() as demo:
     gr.Markdown("# Dynamic Food Menu")
     
     # Display menu
-    menu_output = gr.Textbox(label="Menu", value=display_menu(), interactive=False)
+    menu_display = gr.HTML(value=display_menu())
     
-    # Input fields for adding to cart
+    # Cart interactions
     with gr.Row():
-        food_item_input = gr.Textbox(label="Food Item", placeholder="Enter item name")
-        quantity_input = gr.Number(label="Quantity", value=1, precision=0)
-        add_button = gr.Button("Add to Cart")
-    
-    # Output field for cart actions
-    cart_output = gr.Textbox(label="Cart", interactive=False)
-    
-    # View cart button
-    view_cart_button = gr.Button("View Cart")
+        cart_button = gr.Button("View Cart")
+        cart_output = gr.HTML()
     
-    # Actions
-    add_button.click(add_to_cart, inputs=[food_item_input, quantity_input], outputs=cart_output)
-    view_cart_button.click(view_cart, outputs=cart_output)
+    cart_button.click(view_cart, outputs=cart_output)
 
-# Launch Gradio App
 demo.launch()