Update app.py

app.py

@@ -12,34 +12,15 @@ def load_menu():
 # Function to generate the popup content dynamically
 def generate_popup(item_name):
     menu_data = load_menu()
-    try:
-        item = menu_data[menu_data['Dish Name'] == item_name].iloc[0]
-    except IndexError:
-        return f"<p style='color: red;'>Item '{item_name}' not found!</p>"
+    item = menu_data[menu_data['Dish Name'] == item_name].iloc[0]
 
     # Dynamic HTML for the popup
     popup_content = f"""
-    <div style="background-color: white; padding: 20px; border-radius: 8px; width: 80%; margin: auto; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000;">
+    <div style="background-color: white; padding: 20px; border-radius: 8px; width: 50%; margin: auto; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000;">
         <img src="{item['Image URL']}" alt="{item_name}" style="width: 100%; border-radius: 8px; margin-bottom: 20px;">
         <h2>{item_name}</h2>
         <p>{item['Description']}</p>
         <p style="font-size: 18px; color: #333;"><strong>Price:</strong> ${item['Price ($)']}</p>
-        <h3>Choose a Spice Level:</h3>
-        <div style="display: flex; gap: 10px;">
-            <label><input type="radio" name="spice" value="American Mild"> American Mild</label>
-            <label><input type="radio" name="spice" value="American Medium"> American Medium</label>
-            <label><input type="radio" name="spice" value="American Spicy"> American Spicy</label>
-            <label><input type="radio" name="spice" value="Indian Mild"> Indian Mild</label>
-            <label><input type="radio" name="spice" value="Indian Medium"> Indian Medium</label>
-            <label><input type="radio" name="spice" value="Indian Spicy"> Indian Spicy</label>
-        </div>
-        <h3>Biryani Extras:</h3>
-        <div style="display: flex; flex-wrap: wrap; gap: 10px;">
-            <label><input type="checkbox" name="extras" value="Extra Raitha 4oz"> Extra Raitha 4oz ($1)</label>
-            <label><input type="checkbox" name="extras" value="Extra Raitha 8oz"> Extra Raitha 8oz ($2)</label>
-            <label><input type="checkbox" name="extras" value="Extra Salan 4oz"> Extra Salan 4oz ($1)</label>
-            <label><input type="checkbox" name="extras" value="Extra Onion"> Extra Onion ($1)</label>
-        </div>
         <h3>Special Instructions:</h3>
         <textarea placeholder="Add any requests here." style="width: 100%; height: 100px;"></textarea>
         <h3>Quantity:</h3>
@@ -67,7 +48,7 @@ def filter_menu_with_popup(preference):
     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); position: relative;">
+        <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>