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

{% block content %}
    <!-- Page title -->
    <section id="page-title">
        <div class="container">
            <div class="page-title">
                {% set lastPayment = order.payments.last() %}
                <h1>Commande complétée</h1>
                <p>{{ 'sylius.ui.placed_an_order'|trans }}</p>
                {{ sylius_template_event('sylius.shop.order.thank_you.after_message', {'order': order}) }}
            </div>
            <div class="breadcrumb">
                <ul>
                    <li><a href="{{ path('sylius_shop_homepage') }}">{{'sylius.ui.home' | trans}}</a>
                    </li>
                    <li class="active"><a>Commande complétée</a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end: Page title -->
    <!-- SHOP CHECKOUT COMPLETED -->
    <section id="shop-checkout-completed">
        <div class="container">
            <div class="p-t-10 m-b-20 text-center">
                <div class="text-center">
                    <h3>{{ 'sylius.ui.thank_you'|trans }}</h3>
                    <p>Votre commande est la :  <a href="{{ path('sylius_shop_account_order_show', {'number' : order.number}) }}">#{{order.number}}</a>. Vous pouvez la retrouver dans
                        <a href="{{ path('sylius_shop_account_order_index') }}" class="text-underline">
                            <mark>Mes commandes</mark>
                        </a> sur le tableau de bord de votre compte</p>
                    {% if lastPayment != false %}
                        {%  if lastPayment.method.instructions is not null %}
                            <div id="sylius-payment-method-instructions" class="ui segment" {{ sylius_test_html_attribute('payment-method-instructions') }}>
                                {{ lastPayment.method.instructions }}
                            </div>
                        {% endif %}
                        <div class="ui hidden divider"></div>
                    {% endif %}
                </div>
                {% if order.customer.user is not null %}
                <a href="{{ path('sylius_shop_account_order_index') }}" class="btn icon-left m-r-10"><span>{{'sylius.ui.latest_orders' | trans}}</span></a>
                {% else %}
                <a href="{{ path('sylius_shop_login') }}" class="btn icon-left m-r-10"><span>{{'sylius.ui.login' | trans}}</span></a>
                {% endif %}
                <a class="btn icon-left" href="{{ path("sylius_shop_homepage") }}"><span>{{'sylius.ui.home' | trans}}</span></a>
            </div>
        </div>
    </section>
    <!-- end: SHOP CHECKOUT COMSPLETED -->
{% endblock %}