Update app.py

app.py

@@ -9,6 +9,35 @@ def load_menu():
     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":
+        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:
+        filtered_data = menu_data
+
+    html_content = ""
+    for _, item in filtered_data.iterrows():
+        html_content += f"""
+        <div style=\"display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-bottom: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\">
+            <div style=\"flex: 1; margin-right: 15px;\">
+                <h3 style=\"margin: 0; font-size: 18px;\">{item['Dish Name']}</h3>
+                <p style=\"margin: 5px 0; font-size: 16px; color: #888;\">${item['Price ($)']}</p>
+                <p style=\"margin: 5px 0; font-size: 14px; color: #555;\">{item['Description']}</p>
+            </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 style=\"background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;\" onclick=\"openModal('{item['Dish Name']}', '{item['Image URL']}', '{item['Description']}', '{item['Price ($)']}')\">Add</button>
+            </div>
+        </div>
+        """
+    return html_content
+
 # JavaScript for modal and cart behavior
 modal_and_cart_js = """
 <script>
@@ -118,7 +147,7 @@ def app():
         )
 
         # Output area for menu items
-        menu_output = gr.HTML(value="Loading menu...")
+        menu_output = gr.HTML(value=filter_menu("All"))
 
         # Floating cart display
         cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
@@ -174,6 +203,9 @@ def app():
         # Finalize order button click event
         finalize_button.click(lambda: "Order finalized!", outputs=[final_order_output])
 
+        # Update menu dynamically based on preference
+        selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
+
         # Layout
         gr.Row([selected_preference])
         gr.Row(menu_output)