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

{% block title %}Guide du Carb-Cycling - Papa In Shape{% endblock %}

{% block content %}
<div class="row mb-5">
    <div class="col-lg-10 mx-auto">
        <h1 class="display-4 text-center mb-4">
            <i class="bi bi-book text-primary"></i> Guide complet du Carb-Cycling
        </h1>
        <p class="lead text-center text-muted mb-5">
            Perdre du gras et retrouver la forme sans se priver et sans effet yoyo
        </p>
    </div>
</div>

<div class="row">
    <div class="col-lg-10 mx-auto">
        <div class="card mb-4">
            <div class="card-body p-5">
                <h2 class="text-primary mb-4">
                    <i class="bi bi-1-circle"></i> Pourquoi manger moins ne fonctionne pas ?
                </h2>
                
                <p class="lead">
                    ARRÊTE DE TE PRIVER. Réduire tes quantités de manière trop importante est le meilleur 
                    moyen d'affaiblir ton organisme, de générer de la frustration et de finir par craquer.
                </p>
                
                <h4 class="mt-4 mb-3 text-secondary">L'hormone brûle-graisse : la Leptine</h4>
                
                <p>
                    Dans ton corps, il y a une hormone magique que ton corps relâche quand tu te nourris : 
                    <strong>la leptine</strong>.
                </p>
                
                <div class="row mt-4 mb-4">
                    <div class="col-md-6">
                        <div class="card bg-success text-white h-100">
                            <div class="card-body">
                                <h5><i class="bi bi-arrow-up-circle"></i> La Leptine (l'alliée)</h5>
                                <ul class="mb-0">
                                    <li>Indique au cerveau que tu as assez de nutriments</li>
                                    <li>Permet au corps de brûler les calories</li>
                                    <li>Te fait te sentir rassasié</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card bg-danger text-white h-100">
                            <div class="card-body">
                                <h5><i class="bi bi-arrow-down-circle"></i> La Ghréline (l'adversaire)</h5>
                                <ul class="mb-0">
                                    <li>Incite au stockage du gras</li>
                                    <li>Provoque la sensation de faim</li>
                                    <li>Ralentit le métabolisme</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="alert alert-warning">
                    <h5><i class="bi bi-exclamation-triangle"></i> Le piège des régimes classiques</h5>
                    <p class="mb-0">
                        Quand tu attaques un régime, tu perds du poids facilement les premiers jours. 
                        Mais comme tu sous-nourris ton corps, tu diminues ta production de leptine et 
                        augmentes ta production de ghréline. Ce déséquilibre hormonal ralentit ton 
                        métabolisme, ce qui explique pourquoi les régimes ne fonctionnent qu'au début.
                    </p>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body p-5">
                <h2 class="text-primary mb-4">
                    <i class="bi bi-2-circle"></i> Comment fonctionne le Carb-Cycling ?
                </h2>
                
                <p class="lead">
                    Ton corps puise son énergie dans 2 sources principales : les glucides et les lipides.
                </p>
                
                <p>
                    Lorsque tu fais un effort, ton corps utilise les glucides présents dans ton sang comme 
                    source d'énergie. Lorsque tes réserves sont vides, c'est à ce moment-là qu'il commence 
                    à puiser dans le gras.
                </p>
                
                <div class="alert alert-info">
                    <h5><i class="bi bi-lightbulb"></i> Le secret du carb-cycling</h5>
                    <p>
                        Il faut manger des glucides pour pouvoir brûler du gras, même si elles interrompent 
                        le processus d'élimination ! Le carb-cycling stoppe l'apport en glucide sur une période 
                        suffisamment courte pour éviter d'affaiblir ton corps.
                    </p>
                </div>
                
                <h4 class="mt-4 mb-3">Les 3 types de journées</h4>
                
                <div class="row">
                    <div class="col-md-4 mb-3">
                        <div class="card border-danger h-100">
                            <div class="card-header bg-danger text-white">
                                <h5 class="mb-0">
                                    <i class="bi bi-arrow-down-circle"></i> Jour PAUVRE
                                </h5>
                            </div>
                            <div class="card-body">
                                <ul class="list-unstyled">
                                    <li><strong>Glucides :</strong> 0-1 apport</li>
                                    <li><strong>Protéines :</strong> 3-4 apports</li>
                                    <li><strong>Lipides :</strong> 3-4 apports</li>
                                    <li><strong>Légumes :</strong> Sans modération</li>
                                </ul>
                                <p class="small mb-0 mt-3">
                                    Privilégiez les protéines et les lipides. Limitez les glucides au maximum.
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-4 mb-3">
                        <div class="card border-warning h-100">
                            <div class="card-header bg-warning">
                                <h5 class="mb-0">
                                    <i class="bi bi-dash-circle"></i> Jour NORMAL
                                </h5>
                            </div>
                            <div class="card-body">
                                <ul class="list-unstyled">
                                    <li><strong>Glucides :</strong> 2-3 apports</li>
                                    <li><strong>Protéines :</strong> 3-4 apports</li>
                                    <li><strong>Lipides :</strong> 2-3 apports</li>
                                    <li><strong>Légumes :</strong> Sans modération</li>
                                </ul>
                                <p class="small mb-0 mt-3">
                                    Équilibre entre glucides, protéines et lipides.
                                </p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="col-md-4 mb-3">
                        <div class="card border-success h-100">
                            <div class="card-header bg-success text-white">
                                <h5 class="mb-0">
                                    <i class="bi bi-arrow-up-circle"></i> Jour RICHE
                                </h5>
                            </div>
                            <div class="card-body">
                                <ul class="list-unstyled">
                                    <li><strong>Glucides :</strong> 4-5 apports</li>
                                    <li><strong>Protéines :</strong> 3-4 apports</li>
                                    <li><strong>Lipides :</strong> 1-2 apports</li>
                                    <li><strong>Légumes :</strong> Sans modération</li>
                                </ul>
                                <p class="small mb-0 mt-3">
                                    Rechargez vos batteries ! Privilégiez les glucides, réduisez les lipides.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body p-5">
                <h2 class="text-primary mb-4">
                    <i class="bi bi-3-circle"></i> Manger plus gras pour perdre du gras
                </h2>
                
                <p class="lead">
                    Ça peut paraître contre-intuitif, mais il va falloir remplacer les glucides par quelque chose 
                    pour remplir tes assiettes : les lipides.
                </p>
                
                <div class="alert alert-success">
                    <h5><i class="bi bi-check-circle"></i> Les bienfaits des lipides</h5>
                    <ul class="mb-0">
                        <li>Favorisent la qualité de la digestion</li>
                        <li>Réduisent l'appétit et accélèrent la satiété</li>
                        <li>Jouent un rôle clé dans la production hormonale</li>
                        <li>Essentiels dans l'absorption des vitamines et minéraux</li>
                        <li>Stimulent le brûlage des graisses récalcitrantes</li>
                    </ul>
                </div>
                
                <h4 class="mt-4 mb-3">Aliments riches en lipides recommandés</h4>
                <p>
                    Privilégiez les steaks, les œufs entiers (avec le jaune), le poisson, l'avocat, 
                    les noix, le yaourt à la grecque...
                </p>
                
                <div class="alert alert-warning">
                    <h5><i class="bi bi-exclamation-circle"></i> Important</h5>
                    <p class="mb-2">
                        <strong>Les jours pauvres en glucides :</strong> Centrés sur les lipides. 
                        Ton corps va puiser dans tes réserves de gras.
                    </p>
                    <p class="mb-0">
                        <strong>Les jours riches en glucides :</strong> Tu dois abaisser ta consommation 
                        de lipides pour une meilleure réponse de la leptine.
                    </p>
                </div>
            </div>
        </div>

        <div class="card mb-4">
            <div class="card-body p-5">
                <h2 class="text-primary mb-4">
                    <i class="bi bi-4-circle"></i> L'activité physique : HIRT Training
                </h2>
                
                <p class="lead">
                    3 x 30 minutes par semaine, c'est tout ce dont tu as besoin !
                </p>
                
                <p>
                    Le HIRT (High Intensity Resistance Training) est un entraînement anaérobie qui utilise 
                    directement les cellules graisseuses comme source d'énergie.
                </p>
                
                <div class="alert alert-info">
                    <h5><i class="bi bi-lightning-charge"></i> L'afterburn effect</h5>
                    <p class="mb-0">
                        Pour une simple session de 30 minutes, tu peux bénéficier de son effet pendant 48 heures. 
                        Ton corps continue de brûler des calories même au repos !
                    </p>
                </div>
                
                <h4 class="mt-4 mb-3">Avantages du HIRT</h4>
                <ul>
                    <li>Puise au maximum dans le gras</li>
                    <li>Développe ta musculature</li>
                    <li>Augmente tes performances sportives</li>
                    <li>Seulement 90 minutes par semaine</li>
                    <li>Peut être fait à la maison</li>
                </ul>
            </div>
        </div>

        <div class="card mb-4 border-primary">
            <div class="card-body p-5 text-center">
                <h2 class="text-primary mb-4">
                    <i class="bi bi-star-fill"></i> Pourquoi le Carb-Cycling fonctionne ?
                </h2>
                
                <div class="row mt-4">
                    <div class="col-md-6 mb-3">
                        <div class="card bg-light h-100">
                            <div class="card-body">
                                <i class="bi bi-check-circle-fill text-success" style="font-size: 3rem;"></i>
                                <h5 class="mt-3">Maintient la leptine</h5>
                                <p class="mb-0">
                                    Les jours riches en glucides boostent ton métabolisme en continu
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="card bg-light h-100">
                            <div class="card-body">
                                <i class="bi bi-emoji-smile-fill text-success" style="font-size: 3rem;"></i>
                                <h5 class="mt-3">Pas de privation</h5>
                                <p class="mb-0">
                                    Tu perds du poids en ayant l'impression de manger plus qu'avant
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="card bg-light h-100">
                            <div class="card-body">
                                <i class="bi bi-graph-up-arrow text-success" style="font-size: 3rem;"></i>
                                <h5 class="mt-3">Métabolisme actif</h5>
                                <p class="mb-0">
                                    Pas de ralentissement métabolique, pas d'effet yoyo
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <div class="card bg-light h-100">
                            <div class="card-body">
                                <i class="bi bi-lightning-charge-fill text-success" style="font-size: 3rem;"></i>
                                <h5 class="mt-3">Plus d'énergie</h5>
                                <p class="mb-0">
                                    Maximise ton énergie au quotidien, pas de fatigue
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="mt-5">
                    <a href="{% url 'tableau_de_bord' %}" class="btn btn-primary btn-lg">
                        <i class="bi bi-calendar-week"></i> Commencer mon suivi
                    </a>
                    <a href="{% url 'liste_aliments' %}" class="btn btn-outline-primary btn-lg ms-2">
                        <i class="bi bi-egg-fried"></i> Guide des aliments
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
