Update app.py

app.py

@@ -254,8 +254,10 @@ def modal_js():
     """
     return modal_script
 
-# Gradio App
+# Updated Gradio App
 with gr.Blocks() as app:
+    cart_data = gr.State([])  # State to hold cart data
+
     with gr.Row():
         gr.HTML("<h1 style='text-align: center;'>Welcome to Biryani Hub</h1>")
 
@@ -282,15 +284,45 @@ with gr.Blocks() as app:
             preference = gr.Radio(choices=["All", "Veg", "Non-Veg"], label="Filter Preference", value="All")
             menu_output = gr.HTML()
             gr.HTML("<div id='cart-button' style='position: fixed; top: 20px; right: 20px; background: #28a745; color: white; padding: 10px 20px; border-radius: 30px; cursor: pointer; z-index: 1000;' onclick='openCartModal()'>View Cart</div>")
-            gr.HTML("<div id='cart-modal' style='display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; z-index: 1000; overflow-y: auto;'><div style='padding: 20px;'><div style='text-align: right;'><button onclick='closeCartModal()' style='background: none; border: none; font-size: 24px; cursor: pointer;'>&times;</button></div><h1>Your Cart</h1><div id='cart-items'></div><p id='cart-total-cost' style='font-size: 1.2em; font-weight: bold;'>Total Cart Cost: $0.00</p><button style='background: #ff5722; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;' onclick='proceedToCheckout()'>Proceed to Checkout</button></div></div>")
+            gr.HTML("<div id='cart-modal' style='display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; z-index: 1000; overflow-y: auto;'><div style='padding: 20px;'><div style='text-align: right;'><button onclick='closeCartModal()' style='background: none; border: none; font-size: 24px; cursor: pointer;'>&times;</button></div><h1>Your Cart</h1><div id='cart-items'></div><p id='cart-total-cost' style='font-size: 1.2em; font-weight: bold;'>Total Cart Cost: $0.00</p><button style='background: #ff5722; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;' onclick='proceedToCheckout()'>Proceed to Checkout</button><button id='final-submit' style='background: #28a745; color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer;'>Final Submit</button></div></div>")
             gr.HTML(create_modal_window())
             gr.HTML(modal_js())
 
+    # New Page to Display Final Cart Details
+    with gr.Row(visible=False) as final_page:
+        cart_details = gr.HTML()
+        back_to_menu = gr.Button("Back to Menu")
+
+    # Show Final Page with Cart Details
+    def show_final_page(cart):
+        if not cart:
+            return gr.update(visible=False), "Your cart is empty!"
+        details = "<h2>Your Order Summary:</h2><ul>"
+        for item in cart:
+            details += f"<li>{item['quantity']} x {item['name']} (${item['price']} each)"
+            if item['extras']:
+                details += f"<br>Add-ons: {', '.join([extra['name'] for extra in item['extras']])}</li>"
+            details += "</li>"
+        details += f"</ul><p><strong>Total Cost: ${sum(item['totalCost'] for item in cart):.2f}</strong></p>"
+        return gr.update(visible=True), details
+
+    # Button Click Handlers
     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."),
         [login_email, login_password], [login_page, menu_page, menu_output, login_output]
     )
     preference.change(lambda pref: filter_menu(pref), [preference], menu_output)
+    gr.HTML(modal_js())
+
+    # Final Submit Button
+    menu_page.children[-1].click(
+        lambda cart: (gr.update(visible=False), gr.update(visible=True, value=show_final_page(cart)[1])),
+        [cart_data],
+        [menu_page, final_page, cart_details]
+    )
+
+    # Back to Menu Button
+    back_to_menu.click(lambda: (gr.update(visible=True), gr.update(visible=False)), None, [menu_page, final_page])
 
-app.launch()
+app.launch()