Update app.py

app.py

@@ -89,10 +89,11 @@ def filter_menu(preference):
 
     html_content = '<div style="padding: 0 10px; max-width: 1200px; margin: auto;">'
     for section, items in filtered_data.items():
-        if items:
-            html_content += f"<h2 style='text-align: center; margin-top: 10px;'>{section}</h2>"
-            html_content += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; justify-content: center;">'
-            for item in items:
+        html_content += f"<h2 style='text-align: center; margin-top: 10px;'>{section}</h2>"
+        html_content += '<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; justify-content: center;">'
+        for _ in range(max(len(items), 4)):  # Ensure at least 4 fixed slots
+            if items:
+                item = items.pop(0)
                 html_content += f"""
                 <div style="border: 1px solid #ddd; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden;">
                     <img src="{item.get('Image1__c', '')}" style="width: 100%; height: 250px; object-fit: cover;">
@@ -103,7 +104,9 @@ def filter_menu(preference):
                     </div>
                 </div>
                 """
-            html_content += '</div>'
+            else:
+                html_content += "<div style='visibility: hidden; height: 250px;'></div>"
+        html_content += '</div>'
     html_content += '</div>'
 
     if not any(filtered_data.values()):
@@ -116,11 +119,13 @@ with gr.Blocks() as app:
     with gr.Row():
         gr.HTML("<h1 style='text-align: center;'>Welcome to Biryani Hub</h1>")
 
-    with gr.Row():
-        preference = gr.Radio(choices=["All", "Veg", "Non-Veg"], label="Filter Preference", value="All")
-
-    with gr.Row(visible=True) as menu_page:
-        menu_output = gr.HTML()
+    with gr.Row(visible=True) as login_page:
+        with gr.Column():
+            login_email = gr.Textbox(label="Email")
+            login_password = gr.Textbox(label="Password", type="password")
+            login_button = gr.Button("Login")
+            signup_button = gr.Button("Go to Signup")
+            login_output = gr.Textbox(label="Status")
 
     with gr.Row(visible=False) as signup_page:
         with gr.Column():
@@ -132,6 +137,10 @@ with gr.Blocks() as app:
             login_redirect = gr.Button("Go to Login")
             signup_output = gr.Textbox(label="Status")
 
+    with gr.Row(visible=False) as menu_page:
+        preference = gr.Radio(choices=["All", "Veg", "Non-Veg"], label="Filter Preference", value="All")
+        menu_output = gr.HTML()
+
     with gr.Row(visible=False) as footer:
         gr.HTML("<footer style='text-align: center;'>Thank you! Welcome again!</footer>")
 
@@ -150,6 +159,11 @@ with gr.Blocks() as app:
         content = filter_menu(preference)
         return content
 
+    login_button.click(
+        handle_login, [login_email, login_password], [login_page, menu_page, footer, menu_output, login_output]
+    )
+    signup_button.click(lambda: (gr.update(visible=False), gr.update(visible=True)), None, [login_page, signup_page])
+    submit_signup.click(handle_signup, [signup_name, signup_email, signup_phone, signup_password], signup_output)
     preference.change(handle_menu, [preference], menu_output)
 
 app.launch()