Update app.py

app.py

@@ -1,106 +1,80 @@
 import gradio as gr
-import qrcode
-from PIL import Image
 
-# Sample Data
-CUSTOMERS = {"9876543210": {"name": "John Doe", "preferences": ["Halal", "Indian"]}}
-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"]}
-    ],
-    "VEGAN": [
-        {"name": "Veg Biryani", "description": "Flavourful veg biryani", "image": "veg_biryani.jpg", "spice_levels": ["Mild", "Medium"], "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 / Signup
-
-def login_or_signup(phone_number):
-    if phone_number in CUSTOMERS:
-        return f"Welcome back, {CUSTOMERS[phone_number]['name']}!", True
-    else:
-        return "Please sign up to continue.", False
-
-# Save Preferences
-
-def save_preferences(phone_number, preferences):
-    if phone_number not in CUSTOMERS:
-        return "Customer not found. Sign up first."
-    CUSTOMERS[phone_number]["preferences"] = preferences
-    return f"Preferences saved: {preferences}"
-
-# Filter Menu
-
-def filter_menu(preferences):
-    filtered_menu = MENU.get(preferences[0].upper(), MENU["ALL"])
-    return filtered_menu
-
-# Dish Details
-
-def dish_details(dish_name):
-    for category in MENU.values():
-        for dish in category:
-            if dish["name"] == dish_name:
-                return {
-                    "Name": dish["name"],
-                    "Description": dish["description"],
-                    "Spice Levels": dish["spice_levels"],
-                    "Portion Sizes": dish["portion_sizes"]
-                }, dish["image"]
-
-# Gradio Interfaces
-
-def main():
-    with gr.Blocks() as demo:
-        gr.Markdown("# Restaurant QR Code Ordering System")
-
-        # QR Code Generator
-        with gr.Row():
-            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.Row():
-            phone_input = gr.Textbox(label="Phone Number", placeholder="Enter phone number")
-            login_button = gr.Button("Login / Signup")
-            login_output = gr.Text(label="Login Status")
-            login_button.click(login_or_signup, inputs=phone_input, outputs=login_output)
-
-        # Preferences
-        with gr.Row():
-            preferences = gr.CheckboxGroup(["Vegan", "Halal", "Indian", "Chinese"], label="Preferences")
-            pref_button = gr.Button("Save Preferences")
-            pref_output = gr.Text(label="Preference Status")
-            pref_button.click(save_preferences, inputs=[phone_input, preferences], outputs=pref_output)
-
-        # Menu Display
-        with gr.Row():
-            menu_pref = gr.Dropdown(["ALL", "VEGAN", "HALAL"], label="Menu Type")
-            menu_button = gr.Button("Show Menu")
-            menu_output = gr.JSON(label="Menu")
-            menu_button.click(filter_menu, inputs=menu_pref, outputs=menu_output)
-
-        # Dish Details
-        with gr.Row():
-            dish_name = gr.Textbox(label="Dish Name", placeholder="Enter dish name")
-            dish_button = gr.Button("Get Dish Details")
-            dish_output = gr.JSON(label="Dish Details")
-            dish_image = gr.Image(label="Dish Image")
-            dish_button.click(dish_details, inputs=dish_name, outputs=[dish_output, dish_image])
-
-    demo.launch()
-
-if __name__ == "__main__":
-    main()
+menu_data = [
+    {"name": "Veg Burger", "category": "VEGAN",
+     "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/veg_burger.jpg",
+     "description": "A delicious vegan burger with plant-based patty, lettuce, and tomato."},
+    {"name": "Chicken Biryani", "category": "HALAL",
+     "image": "https://huggingface.co/spaces/Rammohan0504/dynamic_menu/resolve/main/images/chicken_biryani.jpg",
+     "description": "Spicy chicken biryani with aromatic basmati rice and tender chicken pieces."},
+    # Add more dishes here...
+]
+
+# Filter menu based on category
+def filter_dishes(category):
+    if category == "ALL":
+        return menu_data
+    return [dish for dish in menu_data if dish["category"] == category]
+
+# Generate dish cards with JavaScript pop-up
+def display_dishes(category):
+    filtered_dishes = filter_dishes(category)
+    html_content = "<div style='display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;'>"
+    for dish in filtered_dishes:
+        html_content += f"""
+        <div style='width: 300px; padding: 10px; border: 1px solid #ddd; border-radius: 10px; 
+                    background-color: #f9f9f9; text-align: center; cursor: pointer;'
+             onclick="showPopup('{dish['image']}', '{dish['name']}', '{dish['description']}')">
+            <img src='{dish['image']}' alt='{dish['name']}' 
+                 style='width: 100%; height: 150px; object-fit: cover; border-radius: 10px;'>
+            <h4 style='margin: 10px 0; color: #444;'>{dish['name']}</h4>
+            <p style='color: #666; font-size: 14px;'>{dish['description']}</p>
+        </div>
+        """
+    html_content += "</div>"
+    return html_content
+
+# Main Gradio App
+with gr.Blocks() as demo:
+    gr.HTML("<h1 style='text-align: center; color: #333;'>🍛 Biryani Hub Menu 🍛</h1>")
+
+    # Buttons for category selection
+    with gr.Row():
+        btn_all = gr.Button("ALL")
+        btn_vegan = gr.Button("VEGAN")
+        btn_halal = gr.Button("HALAL")
+
+    # Dish display section
+    dish_display = gr.HTML(value=display_dishes("ALL"))
+
+    # Pop-up HTML and JavaScript
+    gr.HTML("""
+    <div id="popup" style="display: none; position: fixed; left: 50%; top: 10%; transform: translate(-50%, 0); 
+                          background-color: white; padding: 20px; border-radius: 10px; 
+                          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 1000; text-align: center; width: 300px;">
+        <img id="popup-image" src="" alt="" style="width: 100%; height: auto; border-radius: 10px;">
+        <h2 id="popup-title" style="margin-top: 20px; color: #444;"></h2>
+        <p id="popup-description" style="margin-top: 10px; font-size: 16px; color: #666;"></p>
+        <button onclick="closePopup()" style="margin-top: 10px; padding: 10px 20px; background-color: #28a745; 
+                                              color: white; border: none; border-radius: 5px; cursor: pointer;">Close</button>
+    </div>
+    <script>
+        function showPopup(image, title, description) {
+            const popup = document.getElementById('popup');
+            document.getElementById('popup-image').src = image;
+            document.getElementById('popup-title').textContent = title;
+            document.getElementById('popup-description').textContent = description;
+            popup.style.display = 'block';
+        }
+        function closePopup() {
+            document.getElementById('popup').style.display = 'none';
+        }
+    </script>
+    """)
+
+    # Button click events for category filtering
+    btn_all.click(lambda: gr.update(value=display_dishes("ALL")), outputs=dish_display)
+    btn_vegan.click(lambda: gr.update(value=display_dishes("VEGAN")), outputs=dish_display)
+    btn_halal.click(lambda: gr.update(value=display_dishes("HALAL")), outputs=dish_display)
+
+demo.launch()