{# @var order \Pimcore\Model\DataObject\OnlineShopOrder #}


{% extends 'layouts/layout.html.twig' %}

{% block content %}

<section class="jumbotron ">
    <div class="container">
        <h1 class="display-2 text-center">{{ 'checkout.thank-you-order' | trans }}</h1>
        <p class="text-center text-muted small mb-5">{{ 'checkout.thank-you-order.txt' | trans | raw }}</p>

        <div class="mb-5 d-flex justify-content-center">
            <div class="card col-md-8">
                <div class="card-body">
                    <small class="text-muted">
                        {{ order.orderdate }}
                    </small>

                    <h6> {{ 'general.order' | trans }} {{ order.ordernumber }} </h6>

                    <dl class="item-property">
                        <dt>{{ 'general.orderItems' | trans }}</dt>
                        <dd>
                            {% for orderItem in order.items %}
                                <div>
                                    {{ orderItem.productName }} ({{ orderItem.productNumber }})
                                    <span class="float-right">{{ orderItem.totalPrice | currency }}</span>
                                </div>
                            {% endfor %}
                        </dd>
                    </dl>

                    {% if order.priceModifications %}
                        <dl class="item-property">
                            <dt>{{ 'general.priceModifications' | trans }}</dt>
                            <dd>
                                {% for priceModification in order.priceModifications %}
                                    <div>
                                        {{ priceModification.name }}
                                        <span class="float-right">{{ priceModification.amount | currency }}</span>
                                    </div>
                                {% endfor %}
                            </dd>
                        </dl>
                    {% endif %}

                    {% if order.giftItems %}
                        <dl class="item-property">
                            <dt>{{ 'general.giftItems' | trans }}</dt>
                            <dd>
                                {% for orderItem in order.giftItems %}
                                    <div>
                                        {{ orderItem.productName }} ({{ orderItem.productNumber }})
                                    </div>
                                {% endfor %}
                            </dd>
                        </dl>
                    {% endif %}

                    <dl class="item-property">
                        <dd>
                            <strong>
                                {{ 'general.totalPrice' | trans }}
                                <span class="float-right">{{ order.totalPrice | currency }}</span>
                            </strong>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>


        <div class="d-flex justify-content-center">
            <div class="col-12 col-md-6">
                <div class="row">
                    <div class="{{ app.user ? 'col-6' : 'col-12' }}">
                        <a href="/" class="btn btn-primary my-2 w-100">{{ 'cart.continue-shopping' | trans }}</a>
                    </div>
                    {% if app.user %}
                        <div class="col-6">
                            <a href="{{ path('account-index') }}" class="btn btn-secondary my-2 w-100">{{ 'general.profile' | trans }}</a>
                        </div>
                    {% endif %}

                </div>

            </div>
        </div>
    </div>
</section>

{% endblock %}