components/popup_card.py

import gradio as gr

def show_popup_card(dish_name, image_path, portion_size):
    with gr.Modal():
        gr.Markdown(f"### {dish_name}")
        gr.Image(image_path, elem_id="popup_image")
        gr.Markdown(f"#### Portion Size: {portion_size}")
        gr.TextArea(label="Add custom preferences", lines=4, placeholder="E.g., Less Spicy, No Onions")
        gr.Slider(1, 5, step=1, label="Select Portion Size")
        gr.Button("Add to Cart")