{% extends '@SyliusShop/Email/layout.html.twig' %}

{% block subject %}
    {{ 'sylius.email.order_confirmation.subject'|trans({}, null, localeCode) }}
{% endblock %}

{% block content %}
    {% set url = channel.hostname is not null ? 'http://' ~ channel.hostname ~ path('sylius_shop_order_show', {'tokenValue': order.tokenValue, '_locale': localeCode}) : url('sylius_shop_order_show', {'tokenValue': order.tokenValue, '_locale': localeCode}) %}

    <div style="text-align: center; margin-bottom: 30px;">
        {{ 'sylius.email.order_confirmation.your_order_number'|trans({}, null, localeCode) }}
        <div style="margin: 10px 0;">
          <span style="border: 1px solid #eee; padding: 10px; color: #89c8ec9c; font-size: 28px;">
            {{ order.number }}
          </span>
        </div>
        {{ 'sylius.email.order_confirmation.has_been_successfully_placed'|trans({}, null, localeCode) }}
    </div>

    <div style="text-align: center; margin-bottom: 30px;">
        <a href="{{ url|raw }}" style="display: inline-block; text-align: center; background: rgba(24,139,199,0.61); padding: 18px 28px; color: #fff; text-decoration: none; border-radius: 3px;">
            {{ 'sylius.email.order_confirmation.view_order_or_change_payment_method'|trans({}, null, localeCode) }}
        </a>
    </div>

    <div style="text-align: center;">
        {{ 'sylius.email.order_confirmation.thank_you'|trans({}, null, localeCode) }}
    </div>
{% endblock %}