Update app.py

app.py

@@ -281,8 +281,13 @@ button {
         });
         finalOrderHTML += `</ul><p><strong>Total Bill: $${totalBill.toFixed(2)}</strong></p>`;
         document.getElementById('final-order').innerHTML = finalOrderHTML;
-        alert("Your final order has been submitted!");
+        // Trigger navigation to the final order page
+        const finalOrderPage = document.getElementById('final-order-section');
+        const cartPage = document.getElementById('cart-section');
+        cartPage.style.display = 'none';
+        finalOrderPage.style.display = 'block';
     }
+
 </script>
 """
 # Authentication and Navigation Logic
@@ -393,8 +398,16 @@ def app():
             gr.HTML(modal_and_cart_js)
 
         # Cart & Final Order Page
-        with gr.Column(visible=False) as cart_section:
-            gr.Markdown("### Cart & Final Order Page")
+        with gr.Column(visible=False, elem_id="cart-section") as cart_section:
+            gr.Markdown("### Cart Page")
+            cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
+            back_to_menu_button = gr.Button("Back to Menu")
+
+        with gr.Column(visible=False, elem_id="final-order-section") as final_order_section:
+            gr.Markdown("### Final Order")
+            final_order_output = gr.HTML(value="", elem_id="final-order")
+
+            
 
             # Floating cart display
             cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
@@ -440,12 +453,14 @@ def app():
             lambda: (gr.update(visible=False), gr.update(visible=True)),
             outputs=[menu_section, cart_section],
         )
-        # Navigate Back to Menu Page
-        back_to_menu_button.click(
-            lambda: (gr.update(visible=True), gr.update(visible=False)),
-            outputs=[menu_section, cart_section],
+
+        # Navigate to Final Order Page
+        submitCart_button.click(
+            lambda: (gr.update(visible=False), gr.update(visible=True)),
+            outputs=[cart_section, final_order_section],
         )
 
+
     return demo
 
 if __name__ == "__main__":