Update app.py

app.py

@@ -149,7 +149,7 @@ modal_and_cart_js = """
                         </li>`;
         });
         cartHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
-        cartHTML += `<button style='margin-top: 10px; background-color: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer;' onclick='submitCart()'>Submit</button>`;
+        cartHTML += `<button style='margin-top: 10px; background-color: #007bff; color: white; border: none; padding: 10px; border-radius: 5px; width: 100%; cursor: pointer;' onclick='submitCart()'>Submit</button>`;
         document.getElementById('floating-cart').innerHTML = cartHTML;
     }
 
@@ -175,6 +175,11 @@ modal_and_cart_js = """
         updateCartDisplay();
     }
 
+    function removeItem(index) {
+        cart.splice(index, 1); // Remove the item from the cart array
+        updateCartDisplay(); // Re-render the cart display
+    }
+
     function submitCart() {
         let finalOrderHTML = "<h3>Final Order:</h3><ul>";
         let totalBill = 0;
@@ -253,12 +258,6 @@ def app():
         </div>
         """)
 
-        # Finalize Order Button
-        finalize_button = gr.Button("Finalize Order")
-
-        # 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])
 
@@ -267,7 +266,6 @@ def app():
         gr.Row(menu_output)
         gr.Row(cart_output)
         gr.Row(modal_window)
-        gr.Row(finalize_button)
         gr.Row(final_order_output)
         gr.HTML(modal_and_cart_js)