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

{% block title %}Echec de paiement - {{ order.event.title }}{% endblock %}

{% block content %}
    <h2>Echec de paiement</h2>
    <p>Bonjour {{ order.firstName }},</p>
    <p>Votre paiement pour la commande <strong>{{ order.orderNumber }}</strong> (evenement <strong>{{ order.event.title }}</strong>) n'a pas pu aboutir.</p>

    <table style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 2px solid #dc2626;">
        <tr style="border-bottom: 1px solid #e5e7eb;">
            <td style="padding: 10px 12px; font-weight: 900; text-transform: uppercase; font-size: 11px; color: #6b7280; width: 140px;">Commande</td>
            <td style="padding: 10px 12px; font-weight: 700;">{{ order.orderNumber }}</td>
        </tr>
        <tr style="border-bottom: 1px solid #e5e7eb;">
            <td style="padding: 10px 12px; font-weight: 900; text-transform: uppercase; font-size: 11px; color: #6b7280;">Montant</td>
            <td style="padding: 10px 12px; font-weight: 700; color: #4f46e5;">{{ order.totalHTDecimal|number_format(2, ',', ' ') }} &euro;</td>
        </tr>
        <tr>
            <td style="padding: 10px 12px; font-weight: 900; text-transform: uppercase; font-size: 11px; color: #6b7280;">Motif</td>
            <td style="padding: 10px 12px; font-weight: 700; color: #dc2626;">{{ errorMessage }}</td>
        </tr>
    </table>

    <p>Votre commande a ete annulee. Vous pouvez retenter votre achat depuis la page de l'evenement.</p>

    <p style="font-size: 12px; color: #9ca3af;">Si vous pensez qu'il s'agit d'une erreur, contactez votre banque ou reessayez avec un autre moyen de paiement.</p>
{% endblock %}
