{% 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>

    <div class="card mt-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">Merci de nous faire confiance !</h5>
        </div>
        <div class="card-body">
            {% if order.customer is not empty and order.customer.email is not empty %}
            <p class="text-body-secondary mb-3">Une confirmation de commande vient d’être semée dans votre boîte mail :
                <strong>{{ order.customer.email }}</strong>.
            </p>
            {% endif %}

            {% set shippingAddress = (order.shippingAddress is defined and order.shippingAddress is not empty) ?
            order.shippingAddress : null %}
            {% if shippingAddress %}
            <p class="text-body-secondary mb-3">
                De nouvelles pousses vont fleurir très bientôt à cette adresse :
                <br><strong>{{ shippingAddress.street|default('N/A') }}</strong><br>
                {{ shippingAddress.postcode|default('N/A') }} {{ shippingAddress.city|default('N/A') }}
            </p>
            {% endif %}

            {% if order.items is defined and order.items|length > 0 %}
            <table class="table table-sm mt-4">
                <thead>
                    <tr>
                        <th>Produits</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in order.items %}
                    <tr>
                        <td>{{ item.productName|default('Produit sans nom') }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
            {% endif %}
        </div>
        <div class="card-footer text-muted">
            Nos plantes sont impatientes de prendre racine chez vous ! 🌸
        </div>
    </div>

    {{ 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 %}