Update app.py

app.py

@@ -1,111 +1,54 @@
 import gradio as gr
-import qrcode
-from PIL import Image
 
-# Sample Data
+# Sample in-memory database
 CUSTOMERS = {
-    "9876543210": {"name": "John Doe", "email": "john@example.com", "password": "password123"}
+    "john123": {"password": "password123", "name": "John Doe"}
 }
 
-MENU = {
-    "ALL": [
-        {"name": "Chicken Curry", "description": "Spicy chicken curry", "image": "chicken_curry.jpg", "spice_levels": ["Mild", "Medium", "Hot"], "portion_sizes": ["Small", "Medium", "Large"]},
-        {"name": "Paneer Butter Masala", "description": "Creamy paneer dish", "image": "paneer_butter.jpg", "spice_levels": ["Mild", "Medium", "Hot"], "portion_sizes": ["Small", "Medium", "Large"]}
-    ]
-}
-
-# Generate QR Code
-
-def generate_qr(table_id):
-    qr = qrcode.QRCode(box_size=10, border=5)
-    qr.add_data(f"http://restaurant.com/table/{table_id}")
-    qr.make(fit=True)
-    img = qr.make_image(fill="black", back_color="white")
-    return img
-
-# Login or Signup
-
-def login_or_signup(is_new_customer, phone_number, name=None, email=None, password=None):
-    """
-    Handles login or sign-up for customers.
-
-    Args:
-        is_new_customer (bool): Whether the user is a new customer.
-        phone_number (str): Customer's phone number.
-        name (str, optional): Customer's name (required for sign-up).
-        email (str, optional): Customer's email (required for sign-up).
-        password (str, optional): Customer's password (required for both login and sign-up).
-
-    Returns:
-        str: Status message about login or sign-up.
-    """
-    if is_new_customer:
-        # New customer, proceed with sign-up
-        if not all([phone_number, name, email, password]):
-            return "Missing details for sign-up. Please provide Name, Email, Phone Number, and Password."
-        CUSTOMERS[phone_number] = {"name": name, "email": email, "password": password}
-        return f"Account created successfully for {name}!"
-    else:
-        # Existing customer, proceed with login
-        if phone_number in CUSTOMERS:
-            if CUSTOMERS[phone_number]["password"] == password:
-                return f"Welcome back, {CUSTOMERS[phone_number]['name']}!"
-            else:
-                return "Incorrect password. Please try again."
+# Function for handling login
+def login(username, password):
+    if username in CUSTOMERS:
+        if CUSTOMERS[username]["password"] == password:
+            return f"Welcome back, {CUSTOMERS[username]['name']}!"
         else:
-            return "Phone number not found. Please sign up."
-
-# Gradio Interfaces
-
-def main():
-    with gr.Blocks() as demo:
-        gr.Markdown("# Welcome to Biryani Hub")
-
-        # QR Code Generator
-        with gr.Tab("QR Code Generator"):
-            table_id = gr.Textbox(label="Table ID", placeholder="Enter table ID")
-            qr_button = gr.Button("Generate QR Code")
-            qr_output = gr.Image(label="QR Code")
-            qr_button.click(lambda table_id: generate_qr(table_id), inputs=table_id, outputs=qr_output)
-
-        # Login or Signup
-        with gr.Tab("Login / Signup"):
-            gr.Markdown("## Are you a new or existing customer?")
-            is_new_customer = gr.Checkbox(label="New Customer", value=True)
-            phone_input = gr.Textbox(label="Phone Number", placeholder="Enter your phone number")
-            name_input = gr.Textbox(label="Name", placeholder="Enter your name", visible=True)
-            email_input = gr.Textbox(label="Email", placeholder="Enter your email", visible=True)
-            password_input = gr.Textbox(label="Password", placeholder="Enter your password", type="password")
-            username_input = gr.Textbox(label="Username", placeholder="Enter your username", visible=False)
-
-            def toggle_fields(is_new):
-                return (
-                    is_new,  # Show name input
-                    is_new,  # Show email input
-                    not is_new  # Show username input for existing customers
-                )
-
-            is_new_customer.change(
-                toggle_fields,
-                inputs=[is_new_customer],
-                outputs=[name_input, email_input, username_input]
-            )
-
-            action_button = gr.Button("Submit")
-            result_output = gr.Text(label="Status")
-
-            def handle_input(is_new, phone, name, email, password, username):
-                if not is_new:
-                    name, email = None, None  # Ignore name and email for existing customers
-                return login_or_signup(is_new, phone, name, email, password)
-
-            action_button.click(
-                handle_input,
-                inputs=[is_new_customer, phone_input, name_input, email_input, password_input, username_input],
-                outputs=result_output
-            )
-
-    demo.launch()
-
-if __name__ == "__main__":
-    main()
+            return "Incorrect password. Please try again."
+    return "Username not found. Please register."
+
+# Function for handling registration
+def register(username, name, password):
+    if username in CUSTOMERS:
+        return "Username already exists. Please log in."
+    if not (username and name and password):
+        return "All fields are required for registration."
+    CUSTOMERS[username] = {"password": password, "name": name}
+    return f"Account created successfully for {name}!"
+
+# Custom HTML and CSS for the UI
+HTML = """
+<div class="container">
+    <div class="left">
+        <h1>Biryani Hub</h1>
+        <img src="https://via.placeholder.com/300" alt="Food Image">
+        <p>Sign in with</p>
+        <div class="social-icons">
+            <i>Facebook</i> | <i>Twitter</i> | <i>Instagram</i>
+        </div>
+    </div>
+    <div class="right">
+        <div class="tab">
+            <button onclick="document.getElementById('login').style.display='block'; document.getElementById('register').style.display='none';">Log In</button>
+            <button onclick="document.getElementById('register').style.display='block'; document.getElementById('login').style.display='none';">Register</button>
+        </div>
+        <div id="login" style="display:block;">
+            <h2>Log In</h2>
+            {login}
+        </div>
+        <div id="register" style="display:none;">
+            <h2>Register</h2>
+            {register}
+        </div>
+    </div>
+</div>
+<style>
+    .container {{ display: flex; height: 100vh; }}
+    .left {{ flex: 1; background: url('https://via.placeholder.com/300') no-repeat center center;