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

{% block subject %}L'étiquette de votre colis est prête{% endblock %}
{% block eyebrow %}Affûtage professionnel{% endblock %}

{% block content %}
    <h1 style="margin:0 0 14px;color:#191713;font-size:24px;font-family:Georgia,'Times New Roman',serif;">
        L'étiquette de votre colis est prête 🏷️
    </h1>
    <p style="margin:0 0 18px;color:#565248;font-size:15px;line-height:1.65;">
        Bonjour,<br>
        Voici le numéro de suivi du colis qui va porter les lames de
        <strong style="color:#191713;">{{ demande.etablissement }}</strong>
        (référence <strong style="color:#191713;">{{ demande.reference }}</strong>) jusqu'à notre atelier
        {% if demande.transporteurAller and demande.transporteurAller.value != 'libre' %}via <strong style="color:#191713;">{{ demande.transporteurAller.label }}</strong>{% endif %}.
        Gardez-le : il vous permet de suivre l'acheminement à tout moment.
    </p>

    {% if demande.numSuiviAller %}
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin:0 0 20px;">
            <tr>
                <td style="background-color:#EBEDEA;border:1px solid #DFE1DC;border-radius:10px;padding:16px 18px;">
                    <div style="color:#565248;font-size:11px;text-transform:uppercase;letter-spacing:2px;font-family:'Courier New',monospace;">Numéro de suivi — aller</div>
                    <div style="color:#191713;font-size:18px;font-weight:bold;font-family:'Courier New',monospace;margin-top:4px;">{{ demande.numSuiviAller }}</div>
                </td>
            </tr>
        </table>
        {% if demande.trackingPublicUrlAller %}
            <table role="presentation" cellpadding="0" cellspacing="0" style="margin:14px 0 22px;">
                <tr>
                    <td style="background-color:#2D9446;border-radius:999px;">
                        <a href="{{ demande.trackingPublicUrlAller }}" style="display:inline-block;padding:13px 30px;color:#ffffff;font-size:15px;font-weight:bold;text-decoration:none;">Suivre le colis</a>
                    </td>
                </tr>
            </table>
        {% endif %}
    {% endif %}

    <p style="margin:0 0 18px;color:#565248;font-size:14px;line-height:1.6;">
        Protégez chaque lame (carton, gaine ou linge épais) avant de fermer le colis, et déposez-le
        au point de dépôt de votre choix. Dès qu'il arrive, nous vous confirmons la réception et
        l'affûtage démarre.
    </p>

    <p style="margin:0;color:#565248;font-size:14px;line-height:1.6;">
        À très vite,<br>
        <em style="color:#1C6E34;">L'atelier Vulcan'Affûtage</em>
    </p>
{% endblock %}