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

{% block title %}Nouvelle commande - {{ order.event.title }}{% endblock %}

{% block content %}
    <h2>Nouvelle commande !</h2>
    <p>Bonjour,</p>
    <p>Une nouvelle commande a ete passee pour votre evenement <strong>{{ order.event.title }}</strong>.</p>

    <table style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 2px solid #111827;">
        <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; font-size: 14px;">{{ 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;">Acheteur</td>
            <td style="padding: 10px 12px; font-weight: 700;">{{ order.firstName }} {{ order.lastName }}</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;">Email</td>
            <td style="padding: 10px 12px;">{{ order.email }}</td>
        </tr>
        <tr>
            <td style="padding: 10px 12px; font-weight: 900; text-transform: uppercase; font-size: 11px; color: #6b7280;">Date</td>
            <td style="padding: 10px 12px;">{{ order.paidAt|date('d/m/Y H:i') }}</td>
        </tr>
    </table>

    {{ include('email/_order_items_table.html.twig', {order: order, show_total: true}) }}

    <p style="font-size: 12px; color: #9ca3af;">Vous pouvez consulter le detail de cette commande depuis votre espace organisateur, onglet Statistiques.</p>
{% endblock %}
