Update app.py

app.py

@@ -3,16 +3,14 @@ import pandas as pd
 
 # Function to load the menu data from Excel
 def load_menu():
-    menu_file = "menu.xlsx"  # Ensure this file exists in the same directory
     try:
-        return pd.read_excel(menu_file)
+        return pd.read_excel("menu.xlsx")  # Ensure menu.xlsx is in the same directory
     except Exception as e:
         raise ValueError(f"Error loading menu file: {e}")
 
 # Function to filter menu items based on preference
 def filter_menu(preference):
     menu_data = load_menu()
-
     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":
@@ -34,91 +32,72 @@ def filter_menu(preference):
             </div>
             <div style="flex-shrink: 0; text-align: center;">
                 <img src="{item['Image URL']}" alt="{item['Dish Name']}" style="width: 100px; height: 100px; border-radius: 8px; object-fit: cover; margin-bottom: 10px;">
-                <button value="{item['Dish Name']}" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">Add</button>
+                <button value="{item['Dish Name']}" style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;">View Details</button>
             </div>
         </div>
         """
     return html_content
 
-# Function to render dish details for the suggestion page
+# Function to render detailed view of a dish
 def render_dish_details(dish_name):
-    print(f"Dish name received: {dish_name}")  # Debugging
     menu_data = load_menu()
     try:
         dish = menu_data[menu_data["Dish Name"] == dish_name].iloc[0]
-        print(f"Dish details: {dish}")  # Debugging
         return (
-            dish["Image URL"],
-            f"## {dish_name}",
-            dish["Description"],
-            f"${dish['Price ($)']}"
+            dish["Image URL"],  # Image
+            dish_name,          # Dish name
+            dish["Description"],# Description
+            f"${dish['Price ($)']}"  # Price
         )
     except IndexError:
         raise ValueError(f"Dish '{dish_name}' not found!")
 
-# Gradio app definition
+# Main Gradio app
 def app():
     with gr.Blocks() as demo:
-        gr.Markdown("## Dynamic Menu with Preferences")
-
-        # Track selected dish
-        selected_dish = gr.State("")
+        gr.Markdown("## Menu with Suggestions")
 
         # Menu page
         preference_selector = gr.Radio(
             choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
             value="All",
-            label="Choose a Preference"
-        )
-        menu_html = gr.HTML(value=filter_menu("All"))
-
-        # Suggestion page (hidden by default)
-        suggestion_page = gr.Column(visible=False)
-        dish_image = gr.Image(label="Dish Image")
-        dish_name = gr.Markdown()
-        dish_description = gr.Markdown()
-        dish_price = gr.Markdown()
-        spice_level = gr.Radio(
-            choices=["Mild", "Medium", "Spicy"],
-            label="Choose Spice Level"
-        )
-        extras = gr.CheckboxGroup(
-            choices=["Extra Raita", "Extra Salan", "Extra Fried Onion"],
-            label="Choose Extras"
+            label="Filter Menu"
         )
+        menu_output = gr.HTML(value=filter_menu("All"))
+
+        # Modal window (hidden by default)
+        modal_window = gr.Column(visible=False)
+        modal_image = gr.Image(label="Dish Image")
+        modal_name = gr.Markdown()
+        modal_description = gr.Markdown()
+        modal_price = gr.Markdown()
+        spice_level = gr.Radio(choices=["Mild", "Medium", "Spicy"], label="Choose Spice Level")
+        extras = gr.CheckboxGroup(choices=["Extra Raita", "Extra Salan", "Extra Fried Onion"], label="Choose Extras")
         quantity = gr.Number(value=1, label="Quantity", interactive=True)
         special_instructions = gr.Textbox(label="Special Instructions", placeholder="Add any requests...")
         add_to_cart_button = gr.Button("Add to Bag")
-        back_to_menu_button = gr.Button("Back to Menu")
+        close_modal_button = gr.Button("Close")
 
-        # Cart state and display
+        # Cart
         cart_state = gr.State([])
         cart_output = gr.HTML(value="Your cart is empty.")
 
-        # Functions
+        # Handlers
         def update_menu(preference):
             return filter_menu(preference)
 
-        def show_suggestion(dish_name):
+        def show_modal(dish_name):
             try:
                 img, name, desc, price = render_dish_details(dish_name)
                 return (
-                    gr.update(visible=False),
                     gr.update(visible=True),
-                    img,
-                    name,
-                    desc,
-                    price
+                    img, name, desc, price
                 )
             except ValueError as e:
-                return (
-                    gr.update(visible=True),
-                    gr.update(visible=False),
-                    "",
-                    f"Error: {str(e)}",
-                    "",
-                    ""
-                )
+                return gr.update(value=f"Error: {str(e)}")
+
+        def close_modal():
+            return gr.update(visible=False)
 
         def add_to_cart(dish_name, spice_level, extras, quantity, instructions, cart):
             cart.append({
@@ -134,46 +113,26 @@ def app():
             )
             return cart, cart_html
 
-        # Event Handlers
-        preference_selector.change(
-            update_menu,
-            inputs=[preference_selector],
-            outputs=[menu_html]
-        )
-
-        menu_html.change(
-            show_suggestion,
-            inputs=[selected_dish],
-            outputs=[menu_html, suggestion_page, dish_image, dish_name, dish_description, dish_price]
-        )
-
-        add_to_cart_button.click(
-            add_to_cart,
-            inputs=[dish_name, spice_level, extras, quantity, special_instructions, cart_state],
-            outputs=[cart_state, cart_output]
-        )
-
-        back_to_menu_button.click(
-            lambda: (gr.update(visible=True), gr.update(visible=False)),
-            outputs=[menu_html, suggestion_page]
-        )
+        # Events
+        preference_selector.change(update_menu, inputs=[preference_selector], outputs=[menu_output])
+        menu_output.change(show_modal, inputs=[menu_output], outputs=[modal_window, modal_image, modal_name, modal_description, modal_price])
+        close_modal_button.click(close_modal, outputs=[modal_window])
+        add_to_cart_button.click(add_to_cart, inputs=[modal_name, spice_level, extras, quantity, special_instructions, cart_state], outputs=[cart_state, cart_output])
 
         # Layout
         with gr.Row():
-            menu_html
-
-        with suggestion_page:
-            dish_image
-            dish_name
-            dish_description
-            dish_price
+            menu_output
+        with modal_window:
+            modal_image
+            modal_name
+            modal_description
+            modal_price
             spice_level
             extras
             quantity
             special_instructions
             add_to_cart_button
-            back_to_menu_button
-
+            close_modal_button
         with gr.Row():
             cart_output
 
@@ -181,5 +140,4 @@ def app():
 
 
 if __name__ == "__main__":
-    demo = app()
-    demo.launch()
+    app().launch()