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

{% block title %}Message pour votre evenement{% endblock %}

{% block content %}
    <h2>Message pour "{{ event.title }}"</h2>
    <p style="font-size:14px;color:#71717a;margin-bottom:24px;">Quelqu'un vous a contacte via la page de votre evenement sur E-Ticket.</p>
    <table style="width:100%;border-collapse:collapse;margin-bottom:24px;">
        <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;width:120px;">Champ</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;">Nom</td>
                <td style="padding:8px 12px;font-size:14px;color:#3f3f46;border-bottom:1px solid #e4e4e7;">{{ senderName }}</td>
            </tr>
            <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;"><a href="mailto:{{ senderEmail }}" style="color:#7c3aed;text-decoration:none;">{{ senderEmail }}</a></td>
            </tr>
            <tr>
                <td style="padding:8px 12px;font-weight:700;font-size:14px;color:#18181b;border-bottom:1px solid #e4e4e7;">Evenement</td>
                <td style="padding:8px 12px;font-size:14px;color:#3f3f46;border-bottom:1px solid #e4e4e7;">{{ event.title }} ({{ event.startAt|date('d/m/Y') }})</td>
            </tr>
        </tbody>
    </table>
    <div style="background:#f4f4f5;border-radius:8px;padding:16px;font-size:15px;line-height:1.6;color:#3f3f46;">
        {{ senderMessage|nl2br }}
    </div>
{% endblock %}
