<!-- Card Item Component -->
<li class="card-item list-group-item list-group-item-action"
    draggable="true"
    style="cursor: pointer"
    data-card_title="{{ card.FA_Name }}"
    data-calories="{{ card.Calories }}"
    data-carb-ratio="{{ card.carb_ratio }}"
    data-fat-ratio="{{ card.fat_ratio }}"
    data-protein-ratio="{{ card.protein_ratio }}"
    data-breakfast="{{ card.is_breakfast }}"
    data-lunch="{{ card.is_lunch }}"
    data-dinner="{{ card.is_dinner }}"
    data-snack="{{ card.is_snack }}"
    data-is_keto="{{ card.is_keto }}"
    data-is_med="{{ card.is_med }}"
    data-is_conditional_med="{{ card.is_conditional_med }}"
    data-is_lowcarb="{{ card.is_lowcarb }}"
    data-is_mediumcarb="{{ card.is_mediumcarb }}"
    data-is_highcarb="{{ card.is_highcarb }}"
    data-is_highprotein="{{ card.is_highprotein }}"
    data-is_mediumprotein="{{ card.is_mediumprotein }}"
    data-is_lowprotein="{{ card.is_lowprotein }}"
    data-is_mind="{{ card.is_mind }}"
    data-is_low_fodmap="{{ card.is_low_fodmap }}"
    data-is_lowfat="{{ card.is_lowfat }}"
    data-is_mediumfat="{{ card.is_mediumfat }}"
    data-is_highfat="{{ card.is_highfat }}"
    data-Dessert="{{ card.Dessert }}"
    data-Added_Meat="{{ card.Added_Meat }}"
    data-Ing_Main="{{ card.Ing_Main }}"
    data-Beverage="{{ card.Beverage }}"
    data-Sandwich="{{ card.Sandwich }}"
    data-Condiment="{{ card.Condiment }}"
    data-Lunch="{{ card.Lunch }}"
    data-Snack="{{ card.Snack }}"
    data-Bread="{{ card.Bread }}"
    data-Entree="{{ card.Entree }}"
    data-Soup="{{ card.Soup }}"
    data-Side_Dish="{{ card.Side_Dish }}"
    data-Appetizer="{{ card.Appetizer }}"
    data-Dinner="{{ card.Dinner }}"
    data-Pasta="{{ card.Pasta }}"
    data-Breakfast="{{ card.Breakfast }}"
    data-Salad="{{ card.Salad }}"
    data-Ingredient="{{ card.Ingredient }}"
    data-Bacteria_Acidaminococcus="{{ card.Bacteria_Acidaminococcus }}"
    data-Bacteria_Bacteroidetes="{{ card.Bacteria_Bacteroidetes }}"
    data-Bacteria_Alistipes="{{ card.Bacteria_Alistipes }}"
    data-Bacteria_Bifidobacterium="{{ card.Bacteria_Bifidobacterium }}"
    data-Bacteria_Akkermansia="{{ card.Bacteria_Akkermansia }}"
    data-Bacteria_Blautia="{{ card.Bacteria_Blautia }}"
    data-Bacteria_Fecalibacterium="{{ card.Bacteria_Fecalibacterium }}"
    data-Bacteria_Lawsonibacter_asaccharolyticus="{{ card.Bacteria_Lawsonibacter_asaccharolyticus }}"
    data-Bacteria_Lactobacillus="{{ card.Bacteria_Lactobacillus }}"
    data-Vegan="{{ card.Vegan }}"
    data-Umami="{{ card.Umami }}"
    data-Slow_cooked="{{ card.Slow_cooked }}"
    data-Spicy="{{ card.Spicy }}"
    data-Baked="{{ card.Baked }}"
    data-Pickled="{{ card.Pickled }}"
    data-Low_calorie="{{ card.Low_calorie }}"
    data-Grilled="{{ card.Grilled }}"
    data-Roasted="{{ card.Roasted }}"
    data-High_protein="{{ card.High_protein }}"
    data-Fried="{{ card.Fried }}"
    data-Sweet="{{ card.Sweet }}"
    data-Salty="{{ card.Salty }}"
    data-Lactose_free="{{ card.Lactose_free }}"
    data-Low_carb="{{ card.Low_carb }}"
    data-Cold="{{ card.Cold }}"
    data-Vegetarian="{{ card.Vegetarian }}"
    data-Sour="{{ card.Sour }}"
    data-Sweet_Sour="{{ card.Sweet_Sour }}"
    data-Raw="{{ card.Raw }}"
    data-Gluten_free="{{ card.Gluten_free }}"
    data-Boiled="{{ card.Boiled }}"
    data-Steamed="{{ card.Steamed }}"
    data-Low_fat="{{ card.Low_fat }}"
    data-Prepared_Meals="{{ card.Prepared_Meals }}"
    data-Meats="{{ card.Meats }}"
    data-Sweets="{{ card.Sweets }}"
    data-Beans_and_Lentils="{{ card.Beans_and_Lentils }}"
    data-Snacks="{{ card.Snacks }}"
    data-Grains_and_Pasta="{{ card.Grains_and_Pasta }}"
    data-Nuts_and_Seeds="{{ card.Nuts_and_Seeds }}"
    data-Fruits="{{ card.Fruits }}"
    data-Beverages="{{ card.Beverages }}"
    data-Fish="{{ card.Fish }}"
    data-Baked_Foods="{{ card.Baked_Foods }}"
    data-Breakfast_Cereals="{{ card.Breakfast_Cereals }}"
    data-Vegetables="{{ card.Vegetables }}"
    data-Spices_and_Herbs="{{ card.Spices_and_Herbs }}"
    data-Soups_and_Sauces="{{ card.Soups_and_Sauces }}"
    data-Dairy_and_Egg_Products="{{ card.Dairy_and_Egg_Products }}"
    data-Fats_and_Oils="{{ card.Fats_and_Oils }}"
    data-Lactose_Intolerance="{{ card.Lactose_Intolerance }}"
    data-stones="{{ card.stones }}"
    data-reflux="{{ card.reflux }}"
    data-Spices="{{ card.Spices }}"
    data-Seafood="{{ card.Seafood }}"
    data-Poultry="{{ card.Poultry }}"
    data-Herbs="{{ card.Herbs }}"
    data-Processed_Meats="{{ card.Processed_Meats }}"
    data-Legumes="{{ card.Legumes }}"
    data-Dairy="{{ card.Dairy }}"
    data-Nuts="{{ card.Nuts }}"
    data-Mixed_Dishes="{{ card.Mixed_Dishes }}"
    data-Sauces="{{ card.Sauces }}"
    data-Oils="{{ card.Oils }}"
    data-Grains="{{ card.Grains }}"
    data-Seeds="{{ card.Seeds }}"
    data-Pastries="{{ card.Pastries }}"
    data-Spreads="{{ card.Spreads }}"
    data-Eggs="{{ card.Eggs }}"
    data-Prebiotic="{{ card.Prebiotic }}"
    data-Probiotic="{{ card.Probiotic }}"
    data-Low_Inflammatory="{{ card.Low_Inflammatory }}"
    data-Diverse="{{ card.Diverse }}"
    data-Polyphenol_Rich="{{ card.Polyphenol_Rich }}"
    data-Stews="{{ card.Stews }}"
    data-Mixed_Rice="{{ card.Mixed_Rice }}"
    data-Soups_and_Aashes="{{ card.Soups_and_Aashes }}"
    data-Traditional_Foods="{{ card.Traditional_Foods }}"
    data-International_Foods="{{ card.International_Foods }}"
    data-Vegetarian_Foods="{{ card.Vegetarian_Foods }}"
    data-Simple_Dishes="{{ card.Simple_Dishes }}"
    data-Main_Salads="{{ card.Main_Salads }}"
    data-Fast_Foods="{{ card.Fast_Foods }}"
    data-Allergens_Peanut="{{ card.Allergens_Peanut }}"
    data-Allergens_Wheat="{{ card.Allergens_Wheat }}"
    data-Allergens_Shrimp="{{ card.Allergens_Shrimp }}"
    data-Allergens_Mushroom="{{ card.Allergens_Mushroom }}"
    data-Allergens_Eggplant="{{ card.Allergens_Eggplant }}"
    data-Allergens_Dried_fruits="{{ card.Allergens_Dried_fruits }}"
    data-Allergens_Gluten="{{ card.Allergens_Gluten }}"
    data-Allergens_Fish="{{ card.Allergens_Fish }}"
    data-Allergens_Sesame="{{ card.Allergens_Sesame }}"
    data-Allergens_Shellfish="{{ card.Allergens_Shellfish }}"
    data-Allergens_Nuts="{{ card.Allergens_Nuts }}"
    data-Allergens_Soy="{{ card.Allergens_Soy }}"
    data-Allergens_Eggs="{{ card.Allergens_Eggs }}"
    data-Allergens_Peanuts="{{ card.Allergens_Peanuts }}"
    data-Allergens_Dairy="{{ card.Allergens_Dairy }}"
    data-Allergens_Legumes="{{ card.Allergens_Legumes }}"
    data-Allergens_Depends_on_filling_ingredients="{{ card.Allergens_Depends_on_filling_ingredients }}"
    data-Allergens_Milk="{{ card.Allergens_Milk }}"
    data-Diet_Low_Sugar="{{ card.Diet_Low_Sugar }}"
    data-Diet_Mediterranean="{{ card.Diet_Mediterranean }}"
    data-Diet_High_Protein="{{ card.Diet_High_Protein }}"
    data-Whole_Foods="{{ card.Whole_Foods }}"
    data-Diet_Low_Fat="{{ card.Diet_Low_Fat }}"
    data-Diet_Low_Calorie="{{ card.Diet_Low_Calorie }}"
    data-Diet_Anti_Inflammatory="{{ card.Diet_Anti_Inflammatory }}"
    data-Diet_Paleo="{{ card.Diet_Paleo }}"
    data-Diet_Diabetic="{{ card.Diet_Diabetic }}"
    data-Diet_Low_Carb="{{ card.Diet_Low_Carb }}"
    data-Diet_Bodybuilding="{{ card.Diet_Bodybuilding }}"
    data-Diet_Vegan="{{ card.Diet_Vegan }}"
    data-Diet_Vegetarian="{{ card.Diet_Vegetarian }}"
    data-Diet_Plant_Based="{{ card.Diet_Plant_Based }}"
    data-Diet_Gluten_Free="{{ card.Diet_Gluten_Free }}"
    data-Diet_Keto="{{ card.Diet_Keto }}"
    data-cooked_rice="{{ card.cooked_rice }}"
    data-main_dish="{{ card.main_dish }}"
    data-Disease_Kidney="{{ card.Disease_Kidney }}"
    data-Disease_Kidney_stones="{{ card.Disease_Kidney_stones }}"
    data-Disease_Acid_reflux="{{ card.Disease_Acid_reflux }}"
    data-Disease_Gout="{{ card.Disease_Gout }}"
    data-Disease_Celiac="{{ card.Disease_Celiac }}"
    data-Disease_IBS="{{ card.Disease_IBS }}"
    data-Disease_Diverticulitis="{{ card.Disease_Diverticulitis }}"
    data-Disease_Hypothyroidism="{{ card.Disease_Hypothyroidism }}"
    data-Disease_Gastroesophageal_Reflux="{{ card.Disease_Gastroesophageal_Reflux }}"
    data-Disease_Foodborne_Illness="{{ card.Disease_Foodborne_Illness }}"
    data-Disease_High_blood_pressure="{{ card.Disease_High_blood_pressure }}"
    data-Disease_High_cholesterol="{{ card.Disease_High_cholesterol }}"
    data-Disease_Diabetes="{{ card.Disease_Diabetes }}"
    data-Disease_Hypercholesterolemia="{{ card.Disease_Hypercholesterolemia }}"
    data-Disease_G6PD_Deficiency="{{ card.Disease_G6PD_Deficiency }}"
    data-Disease_Constipation="{{ card.Disease_Constipation }}"
    data-Disease_Gallbladder="{{ card.Disease_Gallbladder }}"
    data-Disease_Latex_Fruit_Syndrome="{{ card.Disease_Latex_Fruit_Syndrome }}"
    data-Disease_Obesity="{{ card.Disease_Obesity }}">

    <div class="card-header" onclick="toggleFoodItems(this)">
        <div class="card-name">{{ card.FA_Name }}</div>
        <div class="card-calories">{{ card.Calories }} کالری</div>
        <div class="card-macros">
            <span class="macro-item">پ: {{ card.Protein_g|default:0 }}g</span>
            <span class="macro-item">ک: {{ card.Carbohydrates_g|default:0 }}g</span>
            <span class="macro-item">چ: {{ card.Fat_g|default:0 }}g</span>
        </div>
    </div>

    <div class="card-body" style="display: none;">
        <ul class="list-group card-items">
            {% for food in card.foods.all %}
                <li class="list-group-item food-item" 
                    draggable="true"
                    data-food_code="{{ food.food_code }}"
                    data-food_name="{{ food.food_name }}"
                    data-amount="{{ food.amount }}"
                    data-selected_home_unit="{{ food.home_unit_name }}"
                    data-selected_home_unit_weight="{{ food.weight_of_home_unit }}"
                    data-protein_per100g="{{ food.protein_per100g }}"
                    data-fat_per100g="{{ food.fat_per100g }}"
                    data-carbohydrate_per100g="{{ food.carbohydrate_per100g }}"
                    data-energy_per100g="{{ food.energy_per100g }}"
                    data-home_units="{{ food.home_units|join:'&' }}"
                    data-weight_units="{{ food.weight_units|join:'&' }}"
                    data-al_list="{{ food.al_list }}">
                    <span class="food-name">{{ food.food_name }}</span>
                    <span class="food-amount">{{ food.amount }} {{ food.home_unit_name }}</span>
                </li>
            {% endfor %}
        </ul>
    </div>

    <div class="card-actions">
        <button class="delete-card-btn" onclick="deleteCard(event, {{ card.id }})">حذف</button>
    </div>
</li>