Update app.py

app.py

@@ -97,11 +97,15 @@ modal_and_cart_js = """
         cart.forEach((item, index) => {
             totalBill += item.itemTotal;
             const extras = item.extras.join(', ');
-            cartHTML += `<li>${item.name} (x${item.quantity}, Spice: ${item.spiceLevel}, Extras: ${extras}, Instructions: ${item.instructions}) - $${item.itemTotal.toFixed(2)}</li>`;
+            cartHTML += `<li><input type='checkbox' id='cart-item-${index}' value='${index}' checked onclick='removeItem(${index})'> ${item.name} (x${item.quantity}, Spice: ${item.spiceLevel}, Extras: ${extras}, Instructions: ${item.instructions}) - $${item.itemTotal.toFixed(2)}</li>`;
         });
         cartHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
         document.getElementById('floating-cart').innerHTML = cartHTML;
     }
+    function removeItem(index) {
+        cart.splice(index, 1);
+        updateCartDisplay();
+    }
     function finalizeOrder() {
         if (cart.length === 0) {
             alert("Your cart is empty. Please add items before finalizing.");
@@ -117,7 +121,7 @@ modal_and_cart_js = """
         });
         finalOrderHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
         finalOrderHTML += `<p style='color: green; font-size: 18px;'>Your final order has been placed. Thank you!</p>`;
-        document.getElementById('final-order').innerHTML = finalOrderHTML;
+        document.getElementById('final-page').innerHTML = finalOrderHTML;
     }
 </script>
 """
@@ -141,7 +145,7 @@ def app():
         cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
 
         # Final order display
-        final_order_output = gr.HTML(value="", elem_id="final-order")
+        final_order_output = gr.HTML(value="", elem_id="final-page")
 
         # Modal window
         modal_window = gr.HTML("""
@@ -188,6 +192,9 @@ def app():
         # 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])