{% extends 'email/base.html.twig' %}

{% block title %}Bienvenue sur E-Ticket{% endblock %}

{% block content %}
    <h2>Bienvenue sur E-Ticket !</h2>
    <p>Bonjour {{ invitation.firstName }},</p>
    <p>Merci d'avoir accepte notre invitation ! Votre compte organisateur pour <strong>{{ invitation.companyName }}</strong> est pre-approuve et pret a etre finalise.</p>

    <div style="padding: 16px; background: #fabf04; border: 3px solid #111827; margin: 20px 0;">
        <p style="margin: 0; font-size: 13px; font-weight: 900; color: #111827;">
            Offre : {% if invitation.offer == 'free' %}Gratuit{% elseif invitation.offer == 'basic' %}Basic{% elseif invitation.offer == 'custom' %}Sur-mesure{% else %}{{ invitation.offer }}{% endif %}
            {% if invitation.commissionRate is not null %} — Commission : {{ invitation.commissionRate }}%{% endif %}
        </p>
    </div>

    <p>Il ne vous reste plus qu'a finaliser votre inscription en choisissant un mot de passe et en completant vos informations.</p>

    <p>Les informations suivantes sont deja pre-remplies :</p>
    <ul style="margin: 16px 0; padding-left: 20px;">
        <li style="margin-bottom: 4px; font-weight: 700;">Raison sociale : {{ invitation.companyName }}</li>
        <li style="margin-bottom: 4px; font-weight: 700;">Email : {{ invitation.email }}</li>
        <li style="margin-bottom: 4px; font-weight: 700;">Compte pre-approuve par E-Ticket</li>
    </ul>

    <p style="text-align: center; margin: 28px 0;">
        <a href="{{ registerUrl }}" class="btn">Finaliser mon inscription</a>
    </p>

    <p style="font-size: 12px; color: #9ca3af;">Ce lien est personnel et unique. Ne le partagez pas.</p>
{% endblock %}
