{% extends 'eshop/@layout.html.twig' %}
{% set locale = shop.currentLocale %}

{% block keywords %}{% endblock %}
{% block description %}{% endblock %}
{% block body_class %}
    {% if not showOneTime %}
        {{ parent() }} order-tracking
    {% endif %}
{% endblock %}
{% block title %}
    {% if showOneTime %}
        {{ 'title_shopping_finished'|trans({}, 'shop') }}
    {% else %}
        {{ 'title_order_overview'|trans({}, 'shop') }}
    {% endif %}
{% endblock %}

{% block system_main %}
    <div class="col-lg-12">
        {% if order %}
            {% if showOneTime %}
                {{ 'title_shopping_finished'|translate }}
                <twig:alert type="info" message="show one time scripts"/>
            {% endif %}
            <h1>{{ 'title_order'|translate({
                    '{orderId}': order.id,
                    '{state}': order.state.translation(locale).name,
                }) }}</h1>
            {% if order.payment %}
                {{ _self.showPaymentBlock(order, accountNumber, bankCode, qrEnabled, qrCreator) }}
            {% endif %}
            {{ _self.showCarrierBlock(order) }}
        {% else %}
            <twig:alert type="warning" message="order not found"/>
        {% endif %}
    </div>
{% endblock %}

{% macro showPaymentBlock(order, accountNumber, bankCode, qrEnabled, qrCreator) %}
    {% if order.paid %}
        <twig:alert type="success" message="alert_order_paid" icon="fa-solid fa-check" translationDomain="shop"/>
    {% else %}
        <twig:alert type="info" message="alert_order_not_paid_yet" icon="fa-solid fa-check" translationDomain="shop"/>
        <div class="card mb-5">
            <div class="card-header">
                <h3>{{ 'title_payment_method'|trans({}, 'shop') }}: {{ order.payment.name }}</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-6">
                        <strong>{{ 'order_price'|translate }}</strong>: {{ order.totalPriceWithTax|money }} <br>
                        {% if order.payment.paymentType == constant('App\\Enum\\Payment\\PaymentType::BANK_TRANSFER') and accountNumber %}
                            <strong>{{ 'bank_account'|translate }}</strong>: {{ accountNumber }} / {{ bankCode }} <br>
                        {% endif %}
                        {% if order.payment.translation(locale).description is defined %}
                            <hr>
                            <div class="payment-after-order-description">
                                {{ order.payment.translation(locale).description|raw }}
                            </div>
                        {% endif %}
                    </div>
                    {% if qrEnabled and qrCreator.getCode != '' %}
                        <div class="col-6 text-center">
                            <div class="qr-payment-code">
                                <img src="{{ qrCreator.getCode() }}" alt="qr payment">
                                <span class="qr-payment-code_title">
                                    {{ 'title_qr_payment_code'|translate }}
                                </span>
                            </div>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    {% endif %}
{% endmacro %}

{% macro showCarrierBlock(order) %}
    <div class="card mb-5">
        <div class="card-header">
            <h3>{{ 'title_carrier_method'|trans({}, 'shop') }}: {{ order.carrier.name }}</h3>
        </div>
        <div class="card-body">
            <div class="row">
                ...
            </div>
        </div>
    </div>
{% endmacro %}