{% extends 'emails/v2/_layout.html.twig' %}

{% block subject %}Votre commande est confirmée — Vulcan'Affûtage{% endblock %}
{% block eyebrow %}Confirmation de commande{% endblock %}

{% block content %}
    <p style="margin:0 0 14px;font-size:16px;color:#1E1B16;">
        Bonjour {{ client ? client.prenom : '' }},
    </p>
    <p style="margin:0 0 18px;font-size:14px;line-height:1.6;color:#4A463F;">
        Merci pour votre confiance ! Votre paiement est bien reçu et votre commande
        <strong>{{ commande.reference|slice(0, 10) }}</strong> est confirmée.
    </p>

    {% if commande.productCommandes|length > 0 %}
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 16px;border-top:1px solid #E4E1DA;">
            {% for pc in commande.productCommandes %}
                <tr>
                    <td style="padding:10px 0;font-size:14px;color:#1E1B16;border-bottom:1px solid #E4E1DA;">
                        {{ pc.product ? pc.product.libelle : 'Pièce' }}
                        {% for option in pc.options %}
                            <br><span style="font-size:13px;color:#4A463F;">{{ option.label }} : « {{ option.valeur }} » · +{{ option.prix|number_format(2, ',', ' ') }}&nbsp;€</span>
                        {% endfor %}
                    </td>
                    <td align="right" style="padding:10px 0;font-size:14px;color:#1E1B16;border-bottom:1px solid #E4E1DA;">{{ pc.totalPrice|number_format(2, ',', ' ') }}&nbsp;€</td>
                </tr>
            {% endfor %}
        </table>
    {% endif %}

    {% if resa %}
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 16px;background:#F2F6F0;border-radius:8px;">
            <tr>
                <td style="padding:16px 18px;">
                    <p style="margin:0 0 6px;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:#1C6E34;"><strong>Votre réservation d'atelier</strong></p>
                    <p style="margin:0 0 4px;font-size:15px;color:#1E1B16;"><strong>{{ resa.creneau.atelier.titre }}</strong></p>
                    <p style="margin:0 0 4px;font-size:14px;color:#4A463F;">Le <strong>{{ resa.creneau.startAt|date('d/m/Y à H\\hi') }}</strong> · {{ resa.places }} place{{ resa.places > 1 ? 's' }}</p>
                    <p style="margin:10px 0 0;font-size:13px;line-height:1.6;color:#4A463F;">
                        Rendez-vous à la coutellerie, <strong>26 rue Saint-Dominique, 63000 Clermont-Ferrand</strong>.<br>
                        Prévoyez un pantalon et des chaussures fermées — le tablier est fourni.<br>
                        Pour annuler ou reporter, appelez-nous au {{ contactPhone }}.
                    </p>
                </td>
            </tr>
        </table>
    {% endif %}

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 18px;">
        <tr>
            <td style="padding:8px 0;font-size:13px;color:#4A463F;">Livraison</td>
            <td align="right" style="padding:8px 0;font-size:13px;color:#4A463F;">{{ commande.livraison ? commande.livraison.libelle : '' }}{% if commande.prixLivraison and commande.prixLivraison > 0 %} · {{ commande.prixLivraison|number_format(2, ',', ' ') }}&nbsp;€{% endif %}</td>
        </tr>
        <tr>
            <td style="padding:8px 0;font-size:15px;color:#1E1B16;"><strong>Total payé</strong></td>
            <td align="right" style="padding:8px 0;font-size:15px;color:#1E1B16;"><strong>{{ commande.total|number_format(2, ',', ' ') }}&nbsp;€</strong></td>
        </tr>
    </table>

    <p style="margin:0;font-size:13px;line-height:1.6;color:#4A463F;">
        Retrouvez le détail à tout moment dans votre espace client, rubrique
        « Vos commandes »{% if resa %} et « Mes réservations »{% endif %}.
    </p>
{% endblock %}