Update app.py

app.py

@@ -313,71 +313,79 @@ def app():
 
             # Menu Tab
             with gr.Tab("Menu Page"):
-                gr.Markdown("### Menu Page (Only for Logged-In Users)")
-                menu_username = gr.Textbox(label="Enter Username to Verify Login", placeholder="Enter your username")
-                menu_check = gr.Button("Check Login Status")
-                login_status = gr.Label()
-                menu_content = gr.HTML(value="")
-
-                def check_login_status(username):
-                    if is_logged_in(username):
-                        return "Welcome to the menu page!", filter_menu("All")
-                    return "You are not logged in!", ""
-
-                menu_check.click(
-                    check_login_status,
-                    inputs=[menu_username],
-                    outputs=[login_status, menu_content],
-                )
+    gr.Markdown("### Menu Page (Only for Logged-In Users)")
+    menu_username = gr.Textbox(label="Enter Username to Verify Login", placeholder="Enter your username")
+    menu_check = gr.Button("Check Login Status")
+    login_status = gr.Label()
+    menu_content = gr.HTML(value="")
+
+    def check_login_status(username):
+        if is_logged_in(username):
+            return "Welcome to the menu page!", filter_menu("All")
+        return "You are not logged in!", ""
+
+    menu_check.click(
+        check_login_status,
+        inputs=[menu_username],
+        outputs=[login_status, menu_content],
+    )
+
+    # Define Radio button for selecting preference
+    selected_preference = gr.Radio(
+        choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
+        value="All",
+        label="Choose a Preference",
+    )
+
+    # Output area for menu items
+    menu_output = gr.HTML(value=filter_menu("All"))
+
+    # Dynamically update the menu based on preference
+    selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
+
+    # Floating cart display
+    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")
+
+    # Modal window
+    modal_window = gr.HTML("""
+    <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
+        <div style="text-align: right;">
+            <button onclick="closeModal()" style="background: none; border: none; font-size: 18px; cursor: pointer;">&times;</button>
+        </div>
+        <img id="modal-image" style="width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px;" />
+        <h2 id="modal-name"></h2>
+        <p id="modal-description"></p>
+        <p id="modal-price"></p>
+        <label for="biryani-extras">Biryani Extras:</label>
+        <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
+            <label><input type="checkbox" name="biryani-extra" value="Thums up" /> Thums up + $2.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Sprite" /> Sprite + $2.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Extra Raitha" /> Extra Raitha  + $1.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Extra Salan" /> Extra Salan  + $2.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Extra Onion & Lemon" /> Extra Onion & Lemon + $2.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Chilli Chicken" /> Chilli Chicken + $14.00</label>
+            <label><input type="checkbox" name="biryani-extra" value="Veg Manchurian" /> Veg Manchurian + $12.00</label>
+        </div>
+        <label for="quantity">Quantity:</label>
+        <input type="number" id="quantity" value="1" min="1" style="width: 50px;" />
+        <br><br>
+        <textarea id="special-instructions" placeholder="Add special instructions here..." style="width: 100%; height: 60px;"></textarea>
+        <br><br>
+        <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
+    </div>
+    """)
+
+    # Layout for the menu page
+    gr.Row([selected_preference])
+    gr.Row(menu_output)
+    gr.Row(cart_output)
+    gr.Row(modal_window)
+    gr.Row(final_order_output)
+    gr.HTML(modal_and_cart_js)
 
-                # Output area for menu items
-                menu_output = gr.HTML(value=filter_menu("All"))
-
-                # Floating cart display
-                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")
-
-                # Modal window
-                modal_window = gr.HTML("""
-                <div id="modal" style="display: none; position: fixed; background: white; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 20px; z-index: 1000;">
-                    <div style="text-align: right;">
-                        <button onclick="closeModal()" style="background: none; border: none; font-size: 18px; cursor: pointer;">&times;</button>
-                    </div>
-                    <img id="modal-image" style="width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px;" />
-                    <h2 id="modal-name"></h2>
-                    <p id="modal-description"></p>
-                    <p id="modal-price"></p>
-                    <label for="biryani-extras">Biryani Extras:</label>
-                    <div id="biryani-extras-options" style="display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0;">
-                        <label><input type="checkbox" name="biryani-extra" value="Thums up" /> Thums up + $2.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Sprite" /> Sprite + $2.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Extra Raitha" /> Extra Raitha  + $1.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Extra Salan" /> Extra Salan  + $2.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Extra Onion & Lemon" /> Extra Onion & Lemon + $2.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Chilli Chicken" /> Chilli Chicken + $14.00</label>
-                        <label><input type="checkbox" name="biryani-extra" value="Veg Manchurian" /> Veg Manchurian + $12.00</label>
-                    </div>
-                    <label for="quantity">Quantity:</label>
-                    <input type="number" id="quantity" value="1" min="1" style="width: 50px;" />
-                    <br><br>
-                    <textarea id="special-instructions" placeholder="Add special instructions here..." style="width: 100%; height: 60px;"></textarea>
-                    <br><br>
-                    <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="addToCart()">Add to Cart</button>
-                </div>
-                """)
-
-                # Update menu dynamically based on preference
-                selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
-
-                # Layout
-                gr.Row([selected_preference])
-                gr.Row(menu_output)
-                gr.Row(cart_output)
-                gr.Row(modal_window)
-                gr.Row(final_order_output)
-                gr.HTML(modal_and_cart_js)
 
     return demo