Update app.py

app.py

@@ -72,7 +72,7 @@ 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 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>
+                <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 2 URL']}', '{item['Description']}', '{item['Price ($)']}')">Add</button>
             </div>
         </div>
         """
@@ -163,7 +163,7 @@ button {
         "Veg Manchurian": 12
     };
     let finalized = false;
-    function openModal(name, image, description, price) {
+    function openModal(name, image2, description, price) {
         if (finalized) {
             alert("You cannot add more items after finalizing your order.");
             return;
@@ -180,7 +180,7 @@ button {
         }
         modal.style.left = '50%';
         modal.style.transform = 'translate(-50%, -50%)';
-        document.getElementById('modal-image').src = image;
+        document.getElementById('modal-image').src = image2;
         document.getElementById('modal-name').innerText = name;
         document.getElementById('modal-description').innerText = description;
         document.getElementById('modal-price').innerText = price;
@@ -341,7 +341,7 @@ def app():
 
             # Radio button for selecting preference
             selected_preference = gr.Radio(
-                choices=["All", "Vegetarian", "Halal/Non-Veg"],
+                choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt Free"],
                 value="All",
                 label="Choose a Preference",
             )
@@ -365,7 +365,7 @@ def app():
                     <p id="modal-description"></p>
                     <p id="modal-price"></p>
                     <!-- Biryani Extras -->
-                    <label for="biryani-extras">Biryani Extras :</label>
+                    <label for="biryani-extras">Extras :</label>
                     <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
                         <label><input type="checkbox" name="biryani-extra" value="Thums up" /> Thums up + $2.00</label>
                         <label><input type="checkbox" name="biryani-extra" value="Sprite" /> Sprite + $2.00</label>