Update app.py

app.py

@@ -301,41 +301,38 @@ def create_account(name, phone, email, password):
 
 def navigate_to_login():
     return gr.update(visible=True), gr.update(visible=False)
-# Modal HTML Content
-MODAL_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: 300px; border-radius: 8px; margin-bottom: 20px;" />
-    <h2 id="modal-name"></h2>
-    <p id="modal-description"></p>
-    <p id="modal-price"></p>
-    <!-- Biryani Extras -->
-    <label for="biryani-extras">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>
-    <!-- Quantity and Special Instructions -->
-    <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>
-    <!-- Add to Cart Button -->
-    <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>
+
+"""
+# Authentication and Navigation Logic
+def authenticate_user(email, password):
+    if check_credentials(email, password):
+        return gr.update(visible=False), gr.update(visible=True), ""
+    else:
+        return gr.update(visible=True), gr.update(visible=False), "Invalid email or password. Try again."
+
+def navigate_to_signup():
+    return gr.update(visible=False), gr.update(visible=True)
+
+def create_account(name, phone, email, password):
+    if save_user(name, phone, email, password):
+        return "Account created successfully! You can now log in.", gr.update(visible=True), gr.update(visible=False)
+    else:
+        return "Email already exists. Try logging in.", gr.update(visible=False), gr.update(visible=True)
+
+def navigate_to_login():
+    return gr.update(visible=True), gr.update(visible=False)
+SCROLL_TO_TOP_JS = """
+<script>
+    function scrollToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+</script>
 """
 
 # Gradio App
 def app():
     with gr.Blocks() as demo:
+        demo.append(gr.HTML(SCROLL_TO_TOP_JS))
         # Login Page
         with gr.Column(visible=True) as login_section:
             gr.Markdown("# Login Page")
@@ -366,25 +363,56 @@ def app():
                 value="All",
                 label="Choose a Preference",
             )
-            
-            # Add the same view_cart_button in two positions
-            view_cart_button = gr.Button("View Cart")
+            empty_div = gr.HTML('<div style="height: 20px;"></div>')
 
             # Output area for menu items
             menu_output = gr.HTML(value=filter_menu("All"))
 
-            # Modal window using the pre-defined MODAL_HTML
-            modal_window = gr.HTML(MODAL_HTML)
+            # Button to navigate to Cart Page
+            view_cart_button = gr.Button("View Cart")
+            empty_div = gr.HTML('<div style="height: 300px;"></div>')
+
+            # 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: 300px; border-radius: 8px; margin-bottom: 20px;" />
+                    <h2 id="modal-name"></h2>
+                    <p id="modal-description"></p>
+                    <p id="modal-price"></p>
+                    <!-- Biryani Extras -->
+                    <label for="biryani-extras">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>
+                    <!-- Quantity and Special Instructions -->
+                    <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>
+                    <!-- Add to Cart Button -->
+                    <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(view_cart_button)  # First position for view_cart_button
             gr.Row(menu_output)
-            gr.Row(view_cart_button)  # Second position for view_cart_button
             gr.Row(modal_window)
             gr.HTML(modal_and_cart_js)
 
-        # Cart & Final Order Page
+         # Cart & Final Order Page
         with gr.Column(visible=False) as cart_section:
             gr.Markdown("### Cart & Final Order Page")
 
@@ -437,4 +465,4 @@ def app():
     return demo
 
 if __name__ == "__main__":
-    app().launch()
+    app().launch()