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

{% block title %}Votre sous-compte E-Ticket{% endblock %}

{% block content %}
    <h2>Bonjour {{ firstName }} !</h2>
    <p>Un sous-compte E-Ticket a ete cree pour vous par <strong>{{ organizerName }}</strong>.</p>
    <p>Voici vos identifiants de connexion :</p>
    <table style="width:100%;border-collapse:collapse;margin:24px 0;">
        <thead>
            <tr>
                <th style="padding:8px 12px;font-weight:700;font-size:12px;color:#a1a1aa;text-align:left;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid #e4e4e7;">Detail</th>
                <th style="padding:8px 12px;font-weight:700;font-size:12px;color:#a1a1aa;text-align:left;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid #e4e4e7;">Valeur</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="padding:8px 12px;font-weight:700;font-size:14px;color:#18181b;border-bottom:1px solid #e4e4e7;">Email</td>
                <td style="padding:8px 12px;font-size:14px;color:#3f3f46;border-bottom:1px solid #e4e4e7;">{{ email }}</td>
            </tr>
            <tr>
                <td style="padding:8px 12px;font-weight:700;font-size:14px;color:#18181b;border-bottom:1px solid #e4e4e7;">Mot de passe</td>
                <td style="padding:8px 12px;font-size:14px;color:#3f3f46;border-bottom:1px solid #e4e4e7;font-family:monospace;font-weight:700;">{{ password }}</td>
            </tr>
            <tr>
                <td style="padding:8px 12px;font-weight:700;font-size:14px;color:#18181b;">Permissions</td>
                <td style="padding:8px 12px;font-size:14px;color:#3f3f46;">
                    {% for perm in permissions %}
                        {% if perm == 'scanner' %}Scanner{% endif %}
                        {% if perm == 'events' %}Evenements{% endif %}
                        {% if perm == 'tickets' %}Billets{% endif %}
                        {% if not loop.last %}, {% endif %}
                    {% endfor %}
                </td>
            </tr>
        </tbody>
    </table>
    <p style="font-size:13px;color:#a1a1aa;">Nous vous recommandons de changer votre mot de passe apres votre premiere connexion.</p>
{% endblock %}
