Update app.py

app.py

@@ -1,6 +1,5 @@
 import gradio as gr
 import pandas as pd
-from utils.database_handler import check_credentials, save_user  # Ensure these functions are implemented
 
 # Initialize global cart
 cart_items = []
@@ -36,7 +35,7 @@ def filter_menu(preference):
             </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['Price ($)']}')">Add</button>
+                <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 ($)']}')">View Details</button>
             </div>
         </div>
         """
@@ -72,58 +71,44 @@ def add_to_cart(name, price, quantity):
 # Main Gradio App Interface
 def app_interface():
     with gr.Blocks() as app:
-        # Login Section
-        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 Section
-        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")
-            signup_btn = gr.Button("Sign Up")
-            back_to_login_btn = gr.Button("Back to Login")
+        # Header Section
+        gr.Markdown("<h1 style='text-align: center; font-size: 36px;'>Dynamic Menu System</h1>")
+        gr.Markdown("<p style='text-align: center; font-size: 18px; color: gray;'>Select your preferences and explore the menu</p>")
 
         # Menu Section
-        with gr.Column(visible=False) as menu_section:
-            gr.Markdown("# Dynamic Menu")
+        with gr.Column() as menu_section:
+            gr.Markdown("# Menu")
             preference = gr.Radio(choices=["All", "Vegetarian", "Halal/Non-Veg", "Guilt-Free"], label="Filter Menu")
-            menu_output = gr.HTML()
+            menu_output = gr.HTML(value=filter_menu("All"))
             cart_output = gr.HTML(value="Your cart is empty.")
 
             # Update menu dynamically based on preference
             preference.change(filter_menu, inputs=[preference], outputs=[menu_output])
 
-        # Button Actions for Login
-        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."
-
-        login_btn.click(authenticate_user, inputs=[email, password], outputs=[login_section, menu_section, error_box])
-
-        # Button Actions for Sign-Up
-        def handle_signup(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, signup_email, signup_password], outputs=[error_box, login_section, signup_section])
-        back_to_login_btn.click(lambda: (gr.update(visible=True), gr.update(visible=False)), outputs=[login_section, signup_section])
+        # Modal Pop-up Section
+        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; width: 40%; top: 20%; left: 30%; transform: translate(-50%, -50%);">
+            <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" style="text-align: center;"></h2>
+            <p id="modal-description" style="color: gray; text-align: center;"></p>
+            <p id="modal-price" style="font-size: 20px; text-align: center;"></p>
+            <label for="quantity">Quantity:</label>
+            <input type="number" id="quantity" value="1" min="1" style="width: 50px; margin-bottom: 20px;" />
+            <br><br>
+            <textarea id="special-instructions" placeholder="Add special instructions here..." style="width: 100%; height: 60px; border-radius: 5px;"></textarea>
+            <br><br>
+            <button style="background-color: #28a745; color: white; border: none; padding: 10px 20px; font-size: 16px; border-radius: 5px; cursor: pointer; width: 100%;" onclick="addToCart()">Add to Cart</button>
+        </div>
+        """)
 
         # Layout for Menu Section
         gr.Row([preference])
         gr.Row(menu_output)
         gr.Row(cart_output)
+        gr.Row(modal_window)
 
     return app