{% extends 'emails/base_email.html.twig' %}

{% block email_title %}Boutique activée — {{ system_name }}{% endblock %}

{% block preheader %}Bonne nouvelle : votre boutique YimaShop est activée. Vous pouvez vous connecter.{% endblock %}

{% block email_content %}
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0;">
        <tr>
            <td align="center" style="padding: 20px; background-color: #dcfce7; border-radius: 6px;">
                <h1 style="margin: 0; font-size: 22px; font-weight: bold; color: #15803d;">🎉 Votre boutique est activée&nbsp;!</h1>
            </td>
        </tr>
    </table>

    <p style="margin: 0 0 16px 0;">Bonjour {{ user.firstName ?: user.email }},</p>

    <p style="margin: 0 0 16px 0;">
        Bonne nouvelle&nbsp;! La boutique <strong>{{ company.name }}</strong> a été validée.
        Vous pouvez dès maintenant vous connecter avec votre adresse <strong>{{ user.email }}</strong>.
    </p>

    {% if pwaUrl %}
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 24px 0;">
            <tr>
                <td align="center">
                    <a href="{{ pwaUrl }}" style="display: inline-block; padding: 12px 28px; background-color: #0d9488; color: #ffffff; text-decoration: none; border-radius: 8px; font-weight: bold;">Ouvrir l'application</a>
                </td>
            </tr>
        </table>
    {% endif %}

    {% if referralCode is defined and referralCode %}
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0; background-color: #f0fdfa; border: 1px solid #99f6e4; border-radius: 6px;">
            <tr>
                <td style="padding: 16px;">
                    <p style="margin: 0 0 6px 0; font-size: 14px; color: #0f766e;"><strong>Votre code de parrainage</strong></p>
                    <p style="margin: 0; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #134e4a;">{{ referralCode }}</p>
                    <p style="margin: 8px 0 0 0; font-size: 13px; color: #4b5563;">Partagez-le : chaque commerçant qui l'utilise vous fait gagner des avantages.</p>
                </td>
            </tr>
        </table>
    {% endif %}

    <p style="margin: 24px 0 0 0; color: #6b7280; font-size: 14px;">Bonne vente&nbsp;!<br>L'équipe YimaShop</p>
{% endblock %}