Update components/popup_card.py

components/popup_card.py

@@ -1,14 +1,17 @@
-import gradio as gr
-
 def generate_popup_card(name, model_path):
     """
-    Generates a popup card dynamically for the selected menu item.
+    Generates an HTML popup card dynamically for the selected menu item.
     """
-    with gr.Blocks() as popup:
-        gr.Markdown(f"### {name}")
-        gr.ModelViewer(model_path, label="View in 3D")
-        gr.Textbox(label="Special Instructions", placeholder="Add any requests here...")
-        gr.Slider(1, 10, value=1, label="Quantity")
-        gr.Button("Add to Cart")
-        gr.Button("Close").click(lambda: popup.update(visible=False))  # Close the popup dynamically
-    return popup
+    html_content = f"""
+    <div style="border: 1px solid #ddd; padding: 20px; border-radius: 10px; background-color: #fff;">
+        <h2>{name}</h2>
+        <model-viewer src="{model_path}" alt="3D Model of {name}" camera-controls auto-rotate></model-viewer>
+        <label for="instructions">Special Instructions:</label>
+        <textarea id="instructions" placeholder="Add any requests here..."></textarea>
+        <label for="quantity">Quantity:</label>
+        <input type="number" id="quantity" min="1" max="10" value="1">
+        <button style="margin-top: 10px;">Add to Cart</button>
+        <button style="margin-left: 10px; background-color: #ccc;">Close</button>
+    </div>
+    """
+    return html_content