{# templates/account/hebergement/renew.html.twig #}
{% extends 'account/base_account.html.twig' %}
{% block title %}Renouveler l'hébergement{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <style>
        #qrBtn      { display: none !important; }
        #qrPanel    { display: none !important; }
        #userNavBtn { display: flex !important; }
    </style>
{% endblock %}


{% block body %}
<div style="max-width:560px;margin:40px auto;padding:0 20px;">

    <a href="{{ path('app_hebergement_show', {id: beneficiaire.id}) }}"
       style="display:inline-flex;align-items:center;gap:6px;color:#667eea;text-decoration:none;font-size:14px;margin-bottom:24px;">
        ← Retour
    </a>

    <div style="background:white;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.09);padding:32px;">

        <h1 style="font-size:22px;font-weight:700;color:#1d1d1f;margin:0 0 6px;">🔄 Renouveler l'hébergement</h1>
        <p style="color:#86868b;font-size:14px;margin:0 0 28px;">{{ beneficiaire.fullName }} — 1 an supplémentaire</p>

        {# Récap prix #}
        <div style="background:#f5f5f7;border-radius:14px;padding:20px;margin-bottom:28px;">
            <div style="display:flex;justify-content:space-between;margin-bottom:8px;">
                <span style="color:#86868b;font-size:14px;">Hébergement 1 an</span>
                <span style="font-weight:600;">{{ priceHT|number_format(2, ',', ' ') }} € HT</span>
            </div>
            <div style="display:flex;justify-content:space-between;margin-bottom:8px;">
                <span style="color:#86868b;font-size:14px;">TVA 20%</span>
                <span>{{ (priceTTC - priceHT)|number_format(2, ',', ' ') }} €</span>
            </div>
            <div style="display:flex;justify-content:space-between;border-top:1px solid #e5e5ea;padding-top:10px;margin-top:4px;">
                <span style="font-weight:700;font-size:16px;">Total TTC</span>
                <span style="font-weight:800;font-size:18px;color:#667eea;">{{ priceTTC|number_format(2, ',', ' ') }} €</span>
            </div>
        </div>

        {# Option 1 : Paiement Stripe immédiat #}
        <div style="border:2px solid #667eea;border-radius:16px;padding:20px;margin-bottom:16px;">
            <div style="font-size:15px;font-weight:700;color:#1d1d1f;margin-bottom:6px;">💳 Paiement par carte bancaire</div>
            <div style="font-size:13px;color:#86868b;margin-bottom:16px;">Paiement sécurisé via Stripe — immédiat</div>
            <form method="post" action="{{ path('app_hebergement_stripe_checkout', {id: beneficiaire.id}) }}">
                <button type="submit" style="width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;">
                    Payer {{ priceTTC|number_format(2, ',', ' ') }} € maintenant →
                </button>
            </form>
        </div>

        {# Option 2 : Virement bancaire #}
        <div style="border:1px solid #d2d2d7;border-radius:16px;padding:20px;">
            <div style="font-size:15px;font-weight:700;color:#1d1d1f;margin-bottom:6px;">🏦 Virement bancaire</div>
            <div style="font-size:13px;color:#86868b;margin-bottom:12px;">
                Envoyez <strong>{{ priceTTC|number_format(2, ',', ' ') }} € TTC</strong> avec la référence
                <code style="background:#f5f5f7;padding:2px 6px;border-radius:4px;">HEBERG-{{ beneficiaire.id }}</code>
            </div>
            <div style="background:#f5f5f7;border-radius:10px;padding:14px;font-size:13px;line-height:1.8;">
                <strong>SANAGENCY SAS</strong><br>
                IBAN : FR76 XXXX XXXX XXXX XXXX XXXX XXX<br>
                BIC : XXXXXXXX<br>
                <small style="color:#86868b;">Votre carte sera réactivée sous 48h après réception.</small>
            </div>
        </div>

    </div>
</div>
{% endblock %}

{# ─────────────────────────────────────────────────────────────────────────── #}
{# templates/account/hebergement/success.html.twig                            #}
{# ─────────────────────────────────────────────────────────────────────────── #}