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

{% block title %}Inscription à la bêta Bubul{% endblock %}

{% block content %}
    <h1 class="email-title">Merci de votre intérêt pour Bubul !</h1>

    <p class="email-text">
        Bonjour,
    </p>

    <p class="email-text">
        Nous avons bien reçu votre demande d'inscription à la <strong>bêta fermée de Bubul</strong>.
    </p>

    <p class="email-text">
        Notre équipe examine actuellement votre demande. Vous recevrez un email de confirmation avec vos identifiants de connexion dès que votre accès sera activé.
    </p>

    <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 24px 0;">
        <tr>
            <td style="border-left: 4px solid #0C81E4; background-color: #F5F9FF; padding: 20px 24px; border-radius: 8px;" bgcolor="#F5F9FF">
                <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td style="width: 28px; vertical-align: middle; font-size: 15px; padding-bottom: 12px;">📧</td>
                        <td style="font-size: 15px; color: #2D2D2D; padding-bottom: 12px;"><strong style="color: #0C81E4;">Email d'inscription :</strong> {{ userEmail }}</td>
                    </tr>
                    <tr>
                        <td style="width: 28px; vertical-align: middle; font-size: 15px;">📅</td>
                        <td style="font-size: 15px; color: #2D2D2D;"><strong style="color: #0C81E4;">Date d'inscription :</strong> {{ date|date('d/m/Y à H:i') }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <p class="email-text">
        À très bientôt sur Bubul !
    </p>

    <p class="email-text" style="margin-top: 30px; color: #2D2D2D; font-weight: 500;">
        L'équipe Bubul
    </p>
{% endblock %}