{% extends "email/template_blue.html.twig" %}
{% block email_content %}
    <div 
        style="
            height: 50px;
            color: #00E6FF;
            font-family: 'Montserrat', sans-serif;
            font-size: 25px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 29px;
            text-align: center;
            margin-top: 30px;
        "
    >
        {{ 'order_buyer.confirmation_order.mail.header1'|trans({}, "messages", user_locale) }} 
    </div>
    <br>
    <p style="text-align: center;">
        <strong>{{ 'order_cliente.pdf_detail.date'|trans({}, "messages", user_locale)|capitalize }}</strong> {{entity.updatedAt|date('d/m/Y H:i')}}
    </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>
        <img 
            src="{{absolute_url(asset('img/email/icono-pedido-realizado.png'))}}"
            height=78
            width=78
        >
        <br>
        <p>
            {{ 'order_buyer.confirmation_order.mail.content1'|trans({}, "messages", user_locale) }}
        </p>
        <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>{{ 'order_buyer.confirmation_order.mail.footer1'|trans({}, "messages", user_locale) }}</strong>
        </p>
        <br><br><br>
    </div>
{% endblock %}