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

{% block subject %}Mise à jour de votre commande{% endblock %}
{% block eyebrow %}Suivi de commande{% endblock %}

{% block content %}
    <h1 style="margin:0 0 14px;color:#191713;font-size:24px;font-family:Georgia,'Times New Roman',serif;">
        Votre commande évolue
    </h1>
    <p style="margin:0 0 18px;color:#565248;font-size:15px;line-height:1.65;">
        Bonjour {{ client.prenom }},<br>
        Le statut de votre commande <strong style="color:#191713;">{{ commande.reference|slice(0, 12) }}</strong> vient d'être mis à jour&nbsp;:
    </p>

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 22px;">
        <tr>
            <td style="background-color:#E3F1E7;border:1px solid #2D9446;border-radius:10px;padding:16px 18px;text-align:center;">
                <span style="color:#1C6E34;font-size:17px;font-weight:bold;">{{ commande.status.label }}</span>
            </td>
        </tr>
    </table>

    {% if commande.numSuiviColis and commande.trackingPublicUrl %}
        <p style="margin:0 0 14px;color:#565248;font-size:14px;line-height:1.6;">
            Numéro de suivi : <strong style="font-family:'Courier New',monospace;">{{ commande.numSuiviColis }}</strong>
            — <a href="{{ commande.trackingPublicUrl }}" style="color:#1C6E34;">suivre le colis</a>
        </p>
    {% endif %}

    <p style="margin:0;color:#565248;font-size:14px;line-height:1.6;">
        Une question ? Répondez simplement à cet email.<br>
        <em style="color:#1C6E34;">L'atelier Vulcan'Affûtage</em>
    </p>
{% endblock %}