Update app.py

app.py

@@ -191,6 +191,10 @@ def modal_js():
             updateCartTotalCost();  // Update total cost displayed
             closeModal();
         }
+        function resetAddOns() {
+            const checkboxes = document.querySelectorAll('input[name="biryani-extra"]');
+            checkboxes.forEach(checkbox => checkbox.checked = false);  // Uncheck all add-ons
+        }
         function updateCartButton() {
             const cartButton = document.getElementById('cart-button');
             cartButton.innerText = `View Cart (${cart.length} items)`;
@@ -247,6 +251,10 @@ def modal_js():
             const totalCost = cart.reduce((total, item) => total + item.totalCost, 0).toFixed(2);
             document.getElementById('order-summary').innerHTML = orderDetails;
             document.getElementById('total-bill').innerText = `$${totalCost}`;
+            // Close the cart modal
+            closeCartModal();
+            // Navigate to the final order page
+            document.getElementById('final-order-page').style.display = 'block';
         }
     </script>
     """
@@ -286,6 +294,14 @@ with gr.Blocks() as app:
             gr.HTML(create_modal_window())
             gr.HTML(modal_js())
 
+    # Final Order Page
+    with gr.Row(visible=False, id='final-order-page'):
+        with gr.Column():
+            gr.HTML("<h2>Final Order:</h2>")
+            order_summary = gr.HTML()
+            gr.HTML("<h3>Total Bill:</h3>")
+            total_bill = gr.Textbox()
+
     login_button.click(
         lambda email, password: (gr.update(visible=False), gr.update(visible=True), gr.update(value=filter_menu("All")), "Login successful!")
         if login(email, password)[0] == "Login successful!" else (gr.update(), gr.update(), gr.update(), "Invalid email or password."),