Update app.py

app.py

@@ -1,10 +1,25 @@
 import gradio as gr
-from utils.database_handler import check_credentials, save_user
 import pandas as pd
 
-# Function to load the menu data
+# In-memory storage for user credentials
+users = {"admin": "password"}  # Example credentials (username: password)
+
+# Function to validate login
+def validate_login(username, password):
+    if username in users and users[username] == password:
+        return True, "Login successful! Redirecting to the menu page..."
+    return False, "Invalid username or password. Please try again."
+
+# Function to register a new user
+def signup_user(username, password):
+    if username in users:
+        return "Username already exists. Please choose a different username."
+    users[username] = password
+    return "Signup successful! Please log in."
+
+# Function to load menu data
 def load_menu():
-    menu_file = "menu.xlsx"  # Ensure this file exists in the same directory
+    menu_file = "menu.xlsx"  # Ensure this file exists
     try:
         return pd.read_excel(menu_file)
     except Exception as e:
@@ -25,21 +40,21 @@ def filter_menu(preference):
     html_content = ""
     for _, item in filtered_data.iterrows():
         html_content += f"""
-        <div style=\"display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-bottom: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\">
-            <div style=\"flex: 1; margin-right: 15px;\">
-                <h3 style=\"margin: 0; font-size: 18px;\">{item['Dish Name']}</h3>
-                <p style=\"margin: 5px 0; font-size: 16px; color: #888;\">${item['Price ($)']}</p>
-                <p style=\"margin: 5px 0; font-size: 14px; color: #555;\">{item['Description']}</p>
+        <div style="display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin-bottom: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);">
+            <div style="flex: 1; margin-right: 15px;">
+                <h3 style="margin: 0; font-size: 18px;">{item['Dish Name']}</h3>
+                <p style="margin: 5px 0; font-size: 16px; color: #888;">${item['Price ($)']}</p>
+                <p style="margin: 5px 0; font-size: 14px; color: #555;">{item['Description']}</p>
             </div>
-            <div style=\"flex-shrink: 0; text-align: center;\">
-                <img src=\"{item['Image URL']}\" alt=\"{item['Dish Name']}\" style=\"width: 100px; height: 100px; border-radius: 8px; object-fit: cover; margin-bottom: 10px;\">
-                <button style=\"background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;\" onclick=\"openModal('{item['Dish Name']}', '{item['Image URL']}', '{item['Description']}', '{item['Price ($)']}')\">Add</button>
+            <div style="flex-shrink: 0; text-align: center;">
+                <img src="{item['Image URL']}" alt="{item['Dish Name']}" style="width: 100px; height: 100px; border-radius: 8px; object-fit: cover; margin-bottom: 10px;">
+                <button style="background-color: #28a745; color: white; border: none; padding: 8px 15px; font-size: 14px; border-radius: 5px; cursor: pointer;" onclick="openModal('{item['Dish Name']}', '{item['Image URL']}', '{item['Description']}', '{item['Price ($)']}')">Add</button>
             </div>
         </div>
         """
     return html_content
 
-# JavaScript for modal and cart behavior
+# JavaScript for modal and cart behavior (unchanged)
 modal_and_cart_js = """
 <style>
   .cart-container {
@@ -220,166 +235,98 @@ modal_and_cart_js = """
 </script>
 """
 
-def app_interface():
-    # Login Button Actions
-    def authenticate_user(email, password):
-        if check_credentials(email, password):
-            return (
-                gr.update(visible=False),  # Hide login page
-                gr.update(visible=True),  # Show preferences page
-                gr.update(visible=True),  # Show menu page
-                "",  # Clear any error message
-            )
-        else:
-            return (
-                gr.update(visible=True),  # Show error box
-                gr.update(visible=False),  # Keep preferences page hidden
-                gr.update(visible=False),  # Keep menu page hidden
-                "Invalid email or password. Try again.",  # Error message
-            )
-
-    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)
-
-    with gr.Blocks() as app:
-        # Login Page
-        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")
-            create_account_btn = gr.Button("Create an Account")
-
-        # 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)
-            error_message = gr.Markdown("", visible=False)
-            submit_btn = gr.Button("Sign Up")
-            back_to_login_btn = gr.Button("Back to Login")
-
-        # Preferences Page
-        with gr.Column(visible=False) as preference_section:
-            gr.Markdown("# Preferences Page")
-
-        # Menu Page
-        with gr.Column(visible=False) as menu_section:
-            gr.Markdown("## Dynamic Menu with Preferences")
+# Gradio app definition
+def app():
+    with gr.Blocks() as demo:
+        gr.Markdown("## Dynamic Menu with Preferences")
 
-            selected_preference = gr.Radio(
-                choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
-                value="All",
-                label="Choose a Preference",
-            )
+        # Login and Signup Tabs
+        with gr.Tabs():
+            with gr.Tab("Login"):
+                gr.Markdown("### Login Page")
+                username = gr.Textbox(label="Username")
+                password = gr.Textbox(label="Password", type="password")
+                login_btn = gr.Button("Login")
+                login_message = gr.Label()
 
-            menu_output = gr.HTML(value=filter_menu("All"))
-            cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
+                login_btn.click(
+                    validate_login,
+                    inputs=[username, password],
+                    outputs=[login_message],
+                )
 
-            selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
+            with gr.Tab("Signup"):
+                gr.Markdown("### Signup Page")
+                signup_username = gr.Textbox(label="Username")
+                signup_password = gr.Textbox(label="Password", type="password")
+                signup_btn = gr.Button("Signup")
+                signup_message = gr.Label()
 
-        # Button Actions for Login
-        login_btn.click(
-            authenticate_user,
-            inputs=[email, password],
-            outputs=[login_section, preference_section, menu_section, error_box],
-        )
-        create_account_btn.click(
-            navigate_to_signup,
-            inputs=[],
-            outputs=[login_section, signup_section],
-        )
+                signup_btn.click(
+                    signup_user,
+                    inputs=[signup_username, signup_password],
+                    outputs=[signup_message],
+                )
 
-        # Button Actions for Sign-Up
-        submit_btn.click(
-            create_account,
-            inputs=[name, phone, signup_email, signup_password],
-            outputs=[success_message, signup_section, login_section],
-        )
-        back_to_login_btn.click(
-            navigate_to_login,
-            inputs=[],
-            outputs=[login_section, signup_section],
-        )
+            with gr.Tab("Menu Page"):
+                gr.Markdown("### Menu Page")
+                selected_preference = gr.Radio(
+                    choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
+                    value="All",
+                    label="Choose a Preference",
+                )
 
-    return app
-    def app():
-    with gr.Blocks() as demo:
-        gr.Markdown("## Dynamic Menu with Preferences")
+                # Output area for menu items
+                menu_output = gr.HTML(value=filter_menu("All"))
 
-        # Radio button for selecting preference
-        selected_preference = gr.Radio(
-            choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"],
-            value="All",
-            label="Choose a Preference",
-        )
+                # Floating cart display
+                cart_output = gr.HTML(value="Your cart is empty.", elem_id="floating-cart")
 
-        # Output area for menu items
-        menu_output = gr.HTML(value=filter_menu("All"))
+                # Final order display
+                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")
+                # 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>
+                """)
 
-        # 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>
-            <!-- 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>
-        """)
+                # Update menu dynamically based on preference
+                selected_preference.change(filter_menu, inputs=[selected_preference], outputs=[menu_output])
 
-        # 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)
 
-        # 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
 
 if __name__ == "__main__":
-    app = app_interface()
-    app.launch()
+    demo = app()
+    demo.launch()