{% extends 'nutrition/base.html' %}

{% block title %}Guide des aliments - Carb Cycling{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h1 class="display-6">
            <i class="bi bi-egg-fried text-primary"></i> Guide des aliments
        </h1>
        <p class="lead text-muted">Liste des aliments recommandés avec leurs portions standards</p>
    </div>
</div>

{% for categorie, aliments in aliments_par_categorie.items %}
<div class="card mb-4">
    <div class="card-header 
        {% if 'Légumes' in categorie %}bg-success{% endif %}
        {% if 'Protéines' in categorie %}bg-primary{% endif %}
        {% if 'Lipides' in categorie %}bg-warning{% endif %}
        {% if 'Glucides' in categorie %}bg-danger{% endif %}
        {% if 'Fruits' in categorie %}bg-info{% endif %}
        text-white">
        <h4 class="mb-0">
            {% if 'Légumes' in categorie %}<i class="bi bi-plus-circle"></i>{% endif %}
            {% if 'Protéines' in categorie %}<i class="bi bi-egg-fried"></i>{% endif %}
            {% if 'Lipides' in categorie %}<i class="bi bi-droplet-fill"></i>{% endif %}
            {% if 'Glucides' in categorie %}<i class="bi bi-battery-charging"></i>{% endif %}
            {% if 'Fruits' in categorie %}<i class="bi bi-apple"></i>{% endif %}
            {{ categorie }}
        </h4>
    </div>
    <div class="card-body">
        {% if 'Légumes' in categorie %}
        <div class="alert alert-success">
            <strong><i class="bi bi-infinity"></i> À CONSOMMER SANS MODÉRATION</strong><br>
            Favoriser la cuisson vapeur, ne pas les mélanger avec des sauces hyper caloriques.
        </div>
        {% endif %}
        
        <div class="row">
            {% for aliment in aliments %}
            <div class="col-md-6 mb-3">
                <div class="border rounded p-3 h-100">
                    <h6 class="text-primary mb-2">{{ aliment.nom }}</h6>
                    <p class="mb-0">
                        <strong>1 portion =</strong> <span class="text-muted">{{ aliment.portion_standard }}</span>
                    </p>
                    {% if aliment.notes %}
                    <p class="small text-muted mb-0 mt-2">
                        <i class="bi bi-info-circle"></i> {{ aliment.notes }}
                    </p>
                    {% endif %}
                </div>
            </div>
            {% endfor %}
        </div>
        
        {% if 'Protéines' in categorie %}
        <div class="alert alert-info mt-3">
            <strong><i class="bi bi-info-circle"></i> À SAVOIR :</strong><br>
            Les apports en protéines comme le saumon, maquereau, sardine, hareng, ainsi que les œufs entiers 
            comptent également pour 1 apport en lipide.<br>
            <em>(Pas d'ajout d'aliments type Lipides si l'un de ces aliments est déjà intégré dans vos repas)</em>
        </div>
        {% endif %}
        
        {% if 'Fruits' in categorie %}
        <div class="alert alert-info mt-3">
            <strong><i class="bi bi-star"></i> Favoriser les produits de saison</strong>
        </div>
        {% endif %}
    </div>
</div>
{% endfor %}

<div class="card">
    <div class="card-header bg-secondary text-white">
        <h4 class="mb-0">
            <i class="bi bi-spoon"></i> Assaisonnement & Épices
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-success mb-3">
            <strong><i class="bi bi-infinity"></i> SANS MODÉRATION</strong>
        </div>
        
        <p class="mb-3">
            Ail, Basilic, Cannelle, Cardamome, Citron, Clou de girofle, Coriandre, Cumin, Curcuma, Curry, 
            Fenugrec, Gingembre, Herbes de Provence, Menthe, Moutarde, Muscade, Piment de cayenne, Poivre, 
            Oignon, Origan, Romarin, Safran, Sel marin, Sel rose, Vinaigre de vin rouge.
        </p>
        
        <p class="mb-3">
            <strong>Lait d'amande</strong> sans sucre ajouté
        </p>
        
        <div class="alert alert-light">
            <strong><i class="bi bi-lightbulb"></i> Idée vinaigrette :</strong>
            Huile d'olive (L) + Vinaigre de vin + Moutarde
        </div>
        
        <div class="alert alert-light">
            <strong><i class="bi bi-lightbulb"></i> Sauce maison :</strong>
            Yaourt 0% (P) + Ciboulette + Ail
        </div>
    </div>
</div>
{% endblock %}
