components/cards.py

from components.data import FOOD_DATA

def create_food_card(food_name):
    food_info = FOOD_DATA[food_name]
    image_src = f"assets/images/{food_info['image']}"
    nutrition = food_info["nutrition"]
    portion_size = food_info["portion_size"]

    # Generate HTML for the popup content
    card_html = f"""
    <div class="food-card">
        <img src="{image_src}" alt="{food_name}" class="food-image" />
        <h3>{food_name}</h3>
        <table class="nutrition-table">
            {"".join([f"<tr><td>{key}</td><td>{value}</td></tr>" for key, value in nutrition.items()])}
        </table>
        <p><strong>Portion Size:</strong> {portion_size}</p>
    </div>
    """
    return card_html