{% extends 'base.html.twig' %}
{% block title %}Demande de rattachement — Bubul{% endblock %}
{% block show_sidebar %}false{% endblock %}
{% block meta_robots %}noindex, nofollow{% endblock %}
{% block body %}
{% embed '_organisms/step-layout/step-layout.html.twig' with { cardClass: 'w-full max-w-md' } %}
{% block card %}
    {% if invalid %}
        <div class="text-center py-6">
            <h1 class="text-xl font-semibold text-gray-800 mb-2">Demande invalide ou expirée</h1>
            <p class="text-sm text-gray-500 mb-6">Ce lien de rattachement n'est plus valide. Rapprochez-vous de votre commercial si besoin.</p>
            <a href="{{ path('app_login') }}" class="text-sm font-medium text-primary hover:text-primary/80">Retour à la connexion</a>
        </div>
    {% else %}
        <div class="text-center">
            <h1 class="text-xl sm:text-2xl font-semibold text-gray-800 mb-2">Demande de rattachement</h1>
            <p class="text-sm text-gray-500 mb-4 leading-relaxed">
                <strong>{{ commercial.user.fullName ?: 'Un commercial Bubul' }}</strong>
                demande à devenir votre commercial référent.
            </p>
            {# L'écran de consentement doit dire exactement ce que dit l'email : il serait
               absurde d'informer honnêtement puis de faire signer sur une page muette. #}
            <ul class="text-sm text-gray-600 text-left mb-6 leading-relaxed list-disc pl-5 space-y-1">
                <li>Il percevra une commission sur vos paiements à Bubul pendant {{ commission_window_months }} mois. Le prix que vous payez ne change pas.</li>
                <li>Il verra votre nom, votre adresse email, votre offre et votre consommation de tokens.</li>
                <li>Une fois acceptée, la demande vaut pour ces {{ commission_window_months }} mois : pas de retour en arrière avant leur terme.</li>
            </ul>
            <form method="POST" action="{{ path('app_commercial_affiliation_accept', {token: token}) }}" class="flex flex-col gap-3">
                <input type="hidden" name="_token" value="{{ csrf_token('affiliation_confirm') }}">
                <button type="submit" class="w-full bg-primary text-white rounded-xl p-3 font-semibold hover:opacity-95 transition-opacity">Accepter le rattachement</button>
            </form>
            <a href="{{ path('app_login') }}" class="inline-block mt-4 text-sm font-medium text-gray-400 hover:text-gray-600">Non merci, ignorer</a>
        </div>
    {% endif %}
{% endblock %}
{% endembed %}
{% endblock %}