{% extends "email/template_troa.html.twig" %}
{% block email_content %}
    <div 
        style="
            height: 50px;
            color: #002f5b;
            font-family: 'Montserrat', sans-serif;
            font-size: 25px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 29px;
            text-align: center;
            margin-top: 30px;
        "
    >
        ¡Actualización de Seguimiento B2C!
    </div>
    <br>
    <p style="text-align: center;">
        <strong>Pedido #{{entity.id}}</strong>
    </p>
    <div 
        style="
            color: #43464B;
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 25px;
            text-align: center;
            margin: 0 43px 0 43px;    
    ">
        <br>
        <p>
            Hola {{ entity.externalClient.name }}, tu pedido tiene una actualización en su información de envío.
        </p>
        <br>
        {% if trackingId %}
        <p>
            <strong>ID de Rastreo:</strong> {{ trackingId }}
        </p>
        {% endif %}
        {% if trackingUrl %}
        <p>
            <strong>Enlace de Rastreo:</strong> <a href="{{ trackingUrl }}" target="_blank">{{ trackingUrl }}</a>
        </p>
        {% endif %}
        <br>
        <p>
            <a href="{{ link }}/order/info/{{ entity.tokenAccess }}" style="display:inline-block; padding: 12px 24px; background-color: #002f5b; color: #ffffff; text-decoration: none; border-radius: 25px; font-weight: bold;">
                {{'order_buyer.confirmation_order.mail.go_my_order'|trans({}, "messages", user_locale)}}
            </a> 
        </p>
        <br>
        <p>
            <strong>Gracias por confiar en nosotros.</strong>
        </p>
        <br><br><br>
    </div>
{% endblock %}