Update app.py

app.py

@@ -1,48 +1,14 @@
 import gradio as gr
 import pandas as pd
-from bcrypt import hashpw, gensalt, checkpw
 
-# Path to the Excel file for user storage
-USER_FILE = "users.xlsx"
+# Placeholder functions for user validation and creation
+def check_credentials(email, password):
+    return email == "test@example.com" and password == "password123"
 
-# Load users from Excel
-# Load users from Excel
-def load_users():
-    try:
-        df = pd.read_excel(USER_FILE)
-        return {row['Email']: row['Password'] for _, row in df.iterrows()}
-    except FileNotFoundError:
-        # Create the file if it doesn't exist
-        df = pd.DataFrame(columns=["Name", "Phone", "Email", "Password"])
-        df.to_excel(USER_FILE, index=False)
-        return {}
-
-# Save users to Excel
-def save_users(users):
-    df = pd.DataFrame(
-        [{"Name": name, "Phone": phone, "Email": email, "Password": password} for email, (name, phone, password) in users.items()],
-        columns=["Name", "Phone", "Email", "Password"]
-    )
-    df.to_excel(USER_FILE, index=False)
-
-# Signup user
-def signup_user(name, phone, email, password):
-    users = load_users()
-    if email in users:
-        return "Email already exists. Please log in."
-    # Hash the password before saving
-    hashed_password = hashpw(password.encode(), gensalt()).decode()
-    users[email] = (name, phone, hashed_password)
-    save_users(users)
-    return "Signup successful! Redirecting to login..."
-
-# Validate login
-def validate_login(email, password):
-    users = load_users()
-    if email in users and checkpw(password.encode(), users[email][2].encode()):
-        return True, "Login successful! Redirecting to the menu page..."
-    return False, "Invalid email or password. Please try again."
-    
+def save_user(name, phone, email, password):
+    if email == "existing@example.com":
+        return False
+    return True
 # Function to load the menu data
 def load_menu():
     menu_file = "menu.xlsx"  # Ensure this file exists in the same directory
@@ -80,7 +46,6 @@ def filter_menu(preference):
         </div>
         """
     return html_content
-
 # Preserving your JavaScript for modal and cart functionality (Your original JavaScript logic)
 modal_and_cart_js = """
 <style>
@@ -261,117 +226,125 @@ modal_and_cart_js = """
     }
 </script>
 """
+# 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)
 
-# Gradio app
-def app():
-    with gr.Blocks() as demo:
-        current_page = gr.State(value="signup")  # Track current visible page
-        
-        # Signup Page
-        with gr.Row(visible=lambda state: state == "signup", state=current_page):
-            gr.Markdown("### Signup Page")
-            name = gr.Textbox(label="Name")
-            phone = gr.Textbox(label="Phone Number")
-            email = gr.Textbox(label="Email")
-            password = gr.Textbox(label="Password", type="password")
-            signup_btn = gr.Button("Signup")
-            signup_message = gr.Label()
-
-            def handle_signup(name, phone, email, password):
-                message = signup_user(name, phone, email, password)
-                return "login", message
+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)
 
-            signup_btn.click(
-                handle_signup,
-                inputs=[name, phone, email, password],
-                outputs=[current_page, signup_message],
-            )
+def navigate_to_login():
+    return gr.update(visible=True), gr.update(visible=False)
 
+# Gradio App
+def app():
+    with gr.Blocks() as demo:
         # Login Page
-        with gr.Row(visible=lambda state: state == "login", state=current_page):
-            gr.Markdown("### Login Page")
-            login_email = gr.Textbox(label="Email")
-            login_password = gr.Textbox(label="Password", type="password")
+        with gr.Column(visible=True) as login_section:
+            gr.Markdown("# Login Page")
+            email = gr.Textbox(label="Email", placeholder="Enter your email")
+            password = gr.Textbox(label="Password", placeholder="Enter your password", type="password")
+            error_box = gr.Markdown("", visible=False)
             login_btn = gr.Button("Login")
-            login_message = gr.Label()
-
-            def handle_login(email, password):
-                success, message = validate_login(email, password)
-                if success:
-                    return "menu", message
-                return "login", message
+            create_account_btn = gr.Button("Create an Account")
 
-            login_btn.click(
-                handle_login,
-                inputs=[login_email, login_password],
-                outputs=[current_page, login_message],
-            )
+        # Sign-Up Page
+        with gr.Column(visible=False) as signup_section:
+            gr.Markdown("# Sign Up Page")
+            name = gr.Textbox(label="Name", placeholder="Enter your full name")
+            phone = gr.Textbox(label="Phone", placeholder="Enter your phone number")
+            signup_email = gr.Textbox(label="Email", placeholder="Enter your email")
+            signup_password = gr.Textbox(label="Password", placeholder="Enter a password", type="password")
+            success_message = gr.Markdown("", visible=False)
+            submit_btn = gr.Button("Sign Up")
+            back_to_login_btn = gr.Button("Back to Login")
 
         # Menu Page
-        with gr.Row(visible=lambda state: state == "menu", state=current_page):
+        with gr.Column(visible=False) as menu_section:
             gr.Markdown("### Menu Page (Accessible Only After Login)")
 
-            # Adding your original code here without any changes
+            # Radio button for selecting preference
             selected_preference = gr.Radio(
-                choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
+                choices=["All", "Vegetarian", "Halal/Non-Veg"],
                 value="All",
                 label="Choose a Preference",
             )
+
+            # 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_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 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>
+                    <!-- Biryani Extras -->
+                    <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>
+                    <!-- 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>
-                <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)
-            logout_btn = gr.Button("Logout")
-
-        # Callback functions for page navigation
-        def handle_signup(name, phone, email, password):
-            message, next_page = signup_user(name, phone, email, password)
-            return message, next_page
-
-        def handle_login(email, password):
-            message, next_page = validate_login(email, password)
-            return message, next_page
-
-        def handle_logout():
-            return "Logged out!", "signup"
 
-        # Button Click Callbacks
-        signup_btn.click(handle_signup, [name, phone, email, password], [signup_message, current_page])
-        login_btn.click(handle_login, [login_email, login_password], [login_message, current_page])
-        logout_btn.click(handle_logout, outputs=[menu_output, current_page])
+        # Button Bindings
+        login_btn.click(
+            authenticate_user,
+            inputs=[email, password],
+            outputs=[login_section, menu_section, error_box],
+        )
+        create_account_btn.click(
+            navigate_to_signup,
+            outputs=[login_section, signup_section],
+        )
+        submit_btn.click(
+            create_account,
+            inputs=[name, phone, signup_email, signup_password],
+            outputs=[success_message, login_section, signup_section],
+        )
+        back_to_login_btn.click(
+            navigate_to_login,
+            outputs=[login_section, signup_section],
+        )
 
     return demo