{% extends 'backend/base_back.html.twig' %}
{% block title %}Passer en Premium{% endblock %}

{% block body %}
    <div class="px-2 py-1 py-lg-5 section-bottom">
        <div class="text-center mb-5">
            <h1 class="mb-3">Passez en Premium ✨</h1>
            <p class="lead text-muted">
                Accédez à toutes les fonctionnalités
            </p>
        </div>

        <div class="row justify-content-center">
            <div class="col-md-8 col-lg-6">
                <div class="card shadow border-0">
                    <div class="card-header text-center bg-primary text-white">
                        <h4 class="mb-0">Premium Mensuel</h4>
                    </div>
                    <div class="card-body text-center">
                        <h2 class="display-5 mb-3">9,99€/mois</h2>
                        <ul class="list-unstyled mb-4 text-left small">
                            <li><i class="fas fa-check-circle text-success mr-2"></i> Ajoutez un nombre illimité de blocs</li>
                            <li><i class="fas fa-check-circle text-success mr-2"></i> Supprimez le logo Bluesy en bas de page</li>
                            <li><i class="fas fa-check-circle text-success mr-2"></i> Accédez à vos statistiques détaillées</li>
                            <li><i class="fas fa-check-circle text-success mr-2"></i> Débloquez tous les thèmes disponibles</li>
                        </ul>

                        {% if app.user %}
                            <a href="https://buy.stripe.com/test_28E00i9abdgK3pO4D46J200?prefilled_email={{ app.user.email }}" class="btn btn-success btn-lg btn-block">
                                S’abonner maintenant 🚀
                            </a>
                        {% endif %}

                    </div>
                </div>
            </div>
        </div>
        {# —————— Bloc de liens obligatoires en bas de page —————— #}
        <div class="mt-5 pt-4 border-top text-center small text-muted">
            <a href="{{ path('app_mentions') }}" class="mx-2">Mentions légales</a> |
            <a href="{{ path('app_privacy_policy') }}" class="mx-2">Politique de confidentialité</a> |
            <a href="{{ path('app_cookie_policy') }}" class="mx-2">Cookies</a> |
            <a href="{{ path('app_cgu') }}" class="mx-2">CGV</a>
        </div>


    </div>
{% endblock %}