{% extends 'ecom.html.twig' %}

{% block content %}
    <div class="ecom__homepage-top-text">
        <div class="checkout-page-done">
            <h1 class="page__title page__title--h1 mb-5" style="text-align: center">
                <span>{{ 'Thank you for your order' | trans }}</span>
            </h1>
            <div class="text-content" style="display: flex; align-items: center; flex-direction: column; gap: 40px;">
                <div>
                    <p>
                        {{ 'Order number' | trans }}: {{ order.orderNr }}<br/>
                        {{ 'Order date' | trans }}: {{ order.dateCreated | date('F d, Y') }}<br/>
                        {{ 'Total' | trans }}: {{ order.totalSum + order.totalTax }} {{ 'kr' | trans }}<br/>
                        {{ 'Payment method' | trans }}: {{ order.paymentMethod | trans | capitalize }}
                    </p>
                    <div class="d-flex justify-content-center mt-4">
                        <a href="{{ path('ecom_index', {'channelEcomId': app.request.get('channelEcomId')}) }}" class="btn btn-warning">
                            {{ 'Continue shopping' | trans }}
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
{% endblock %}