{# templates/emails/welcome_active.html.twig #}
{% extends 'emails/base_email.html.twig' %}

{% block body %}
    {# Définition des libellés et couleurs identiques au mail de confirmation #}
    {% set isParticulier = (entreprise.typeCompte == 'PARTICULIER') %}
    {% set primaryColor = '#72a333' %}
    
    <div style="text-align: center; margin-bottom: 30px;">
        <div style="display: inline-block; background-color: #f0fdf4; padding: 15px; border-radius: 50%; margin-bottom: 20px;">
            <span style="font-size: 30px;">✅</span>
        </div>
        
        <h1 style="color: #0f172a; font-size: 22px; font-weight: 700; margin-bottom: 10px; font-family: 'Manrope', sans-serif;">
            Votre compte est activé !
        </h1>
        
        <p style="color: #64748b; font-size: 15px;">
            Félicitations <strong>{{ user.prenom }}</strong>, votre adresse e-mail a été validée.
        </p>
    </div>
    
    <div style="color: #475569; font-size: 15px; line-height: 1.6; background-color: #ffffff; padding: 20px; border-radius: 8px;">
        <p>
            {% if isParticulier %}
                Votre espace personnel est désormais entièrement opérationnel. Vous avez maintenant toutes les clés en main pour piloter votre patrimoine immobilier en toute sérénité.
            {% else %}
                Le compte de l'agence <strong>{{ entreprise.raisonSociale }}</strong> est maintenant prêt. Vous et votre équipe pouvez commencer à centraliser vos gestions sur notre plateforme.
            {% endif %}
        </p>
    </div>

    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 35px 0;">
        <tr>
            <td align="center">
                <a href="{{ url('app_entreprise_login') }}" 
                   style="background-color: {{ primaryColor }}; color: #ffffff; padding: 16px 40px; text-decoration: none; border-radius: 50px; font-weight: 700; font-size: 14px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 6px rgba(114, 163, 51, 0.2);">
                    ACCÉDER À MON BUREAU
                </a>
            </td>
        </tr>
    </table>

    {# Rappel des infos de compte #}
    <div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; margin-bottom: 30px;">
        <h3 style="margin-top: 0; font-size: 13px; color: #64748b; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 15px;">
            Rappel de vos accès :
        </h3>
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="font-size: 14px; color: #475569;">
            <tr>
                <td style="padding-bottom: 8px;"><strong>Identifiant :</strong></td>
                <td style="padding-bottom: 8px; color: #0f172a;">{{ user.email }}</td>
            </tr>
            <tr>
                <td><strong>Type de compte :</strong></td>
                <td style="color: #0f172a;">{{ isParticulier ? 'Bailleur Privé' : 'Agence Immobilière / Professionnel' }}</td>
            </tr>
        </table>
    </div>

    <div style="margin-top: 40px; font-size: 14px; border-top: 1px solid #f1f5f9; padding-top: 20px; color: #475569; text-align: left;">
        <p>Nous sommes impatients de vous voir progresser avec nos outils.</p>
        <p style="margin-top: 20px;">
            Bonne gestion,<br>
            <strong style="color: {{ primaryColor }};">L'équipe LOYER-EXPRESS</strong>
        </p>
    </div>
{% endblock %}