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

{% block title %}
    {{ 'sylius.ui.thank_you'|trans }}
    |
    {{ parent() }}
{% endblock %}

{% block content %}
    <div class="align-items-center d-flex flex flex-column gap-3 my-5">
        {% set last_payment = order.payments.last() %}
        <h1 class="mb-0" id="sylius-thank-you" {{ sylius_test_html_attribute('thank-you') }}>
            {{ 'sylius.ui.thank_you'|trans }}
        </h1>

        <p class="text-body-secondary mb-4">
            {{ 'sylius.ui.placed_an_order'|trans }}
        </p>

        {{ sylius_template_event('sylius.shop.order.thank_you.after_message', {'order': order}) }}

        {% if last_payment != false and last_payment.method.instructions is not null %}
            <div id="sylius-payment-method-instructions" {{ sylius_test_html_attribute('payment-method-instructions') }}>
                {{ last_payment.method.instructions }}
            </div>
        {% endif %}

        <div class="d-flex flex-wrap gap-2">
            {% if last_payment != false %}
                <a href="{{ path('sylius_shop_order_show', {'tokenValue': order.tokenValue}) }}" class="btn btn-light">{{ 'sylius.ui.view_your_order_or_change_payment_method'|trans }}</a>
            {% endif %}

            {% if order.customer.user is not null %}
                <a href="{{ path('sylius_shop_account_order_show', {'number': order.number}) }}" id="sylius-show-order-in-account" class="btn btn-primary" {{ sylius_test_html_attribute('show-order-in-account') }}>{{ 'sylius.ui.view_order'|trans }}</a>
            {% else %}
                <a href="{{ path('sylius_shop_order_show', {'tokenValue': order.tokenValue}) }}" id="payment-method-page" class="btn btn-primary" {{ sylius_test_html_attribute('payment-method-page') }}>{{ 'sylius.ui.change_payment_method'|trans }}</a>
                <a href="{{ path('sylius_shop_register_after_checkout', {'tokenValue': order.tokenValue}) }}" class="btn btn-secondary" {{ sylius_test_html_attribute('create-an-account') }}>
                    {{ 'sylius.ui.create_an_account'|trans }}
                </a>
            {% endif %}
        </div>
    </div>
{% endblock %}