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

{% block content %}
    <div class="row" data-controller="order-editor">
        <div class="col-8">
            <div class="card">
                <div class="card-header">
                    <h3>{{ 'title_order_show'|trans({'{id}': order.id}, 'admin') }}</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-2">
                            <strong>{{ 'form_order_state'|trans({}, 'admin') }}:</strong>
                        </div>
                        <div class="col-4">
                            {{ order.state.translation(shop.currentLocale).name }}
                        </div>
                        <div class="col-2">
                            <strong>{{ 'form_email'|trans({}, 'admin') }}:</strong>
                        </div>
                        <div class="col-4">
                            {{ order.email }}
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-6">
                            <h4>{{ 'delivery_address'|trans({}, 'admin') }}</h4>
                            {% if order.carrierAddress %}
                                {% set addressArray = order.getCarrierAddressAsArray %}
                                {% if addressArray.type == 'zasilkovna' %}
                                    <strong>Zásilkovna:</strong> <br>
                                    point id: {{ addressArray.id }}, routing code: {{ addressArray.routingCode }}  <br>
                                    {{ addressArray.name }} <br>
                                    {{ addressArray.street }} <br>
                                    {{ addressArray.zip }} {{ addressArray.city }} <br>
                                {% else %}
                                    {{ order.carrierAddress|nl2br|raw }}
                                {% endif %}
                            {% else %}
                                {{ _self.showAddress(order.deliveryAddress) }}
                            {% endif %}
                        </div>
                        <div class="col-6">
                            <h4>{{ 'billing_address'|trans({}, 'admin') }}</h4>
                            {% if order.billingAddress %}
                                {{ _self.showAddress(order.billingAddress) }}
                            {% else %}
                                {{ _self.showAddress(order.deliveryAddress) }}
                            {% endif %}
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-6">
                            <strong>{{ 'dt.columns.carrier'|trans({}, 'admin') }}</strong>: {{ order.carrier.name }}
                            <br>
                            <strong>{{ 'dt.columns.payment'|trans({}, 'admin') }}</strong>: {{ order.payment.name }}
                        </div>
                        <div class="col-6">
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-12">
                            {% if not order.orderItems|length %}
                                <twig:alert message="no_records_found" translationDomain="admin" type="info"/>
                            {% else %}
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>{{ 'dt.columns.productName'|trans({}, 'admin') }}</th>
                                        <th>{{ 'dt.columns.quantity'|trans({}, 'admin') }}</th>
                                        <th class="text-right">{{ 'dt.columns.unitPrice'|trans({}, 'admin') }}</th>
                                        {% if shop.taxPayer %}
                                            <th class="text-right">{{ 'dt.columns.unitTax'|trans({}, 'admin') }}</th>
                                        {% endif %}
                                        <th class="text-right">{{ 'dt.columns.totalPrice'|trans({}, 'admin') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for orderItem in order.orderItems %}
                                        <tr>
                                            <td>{{ orderItem.ProductName }}</td>
                                            <td>{{ orderItem.quantity }}</td>
                                            <td class="text-right">{{ orderItem.unitPrice|money }}</td>
                                            {% if shop.taxPayer %}
                                                <td class="text-right">
                                                    {% if orderItem.unitTaxPrice %}
                                                        {{ orderItem.unitTaxPrice|money }}
                                                    {% endif %}
                                                </td>
                                            {% endif %}
                                            <td class="text-right">{{ orderItem.totalPrice|money }}</td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            {% endif %}
                        </div>
                    </div>
                    <div class="row mt-3">
                        <div class="col-6 offset-6">
                            <hr>
                        </div>
                        {% if shop.taxPayer %}
                            <div class="col-3 offset-6">
                                <div class="text-right">
                                    {{ 'dt.columns.tax'|trans({}, 'admin') }}:
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="text-right">{{ order.totalTax|money }}</div>
                            </div>
                            <div class="col-3 offset-6">
                                <div class="text-right">
                                    {{ 'total_price'|trans({}, 'admin') }}:
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="text-right">{{ order.totalPrice|money }}</div>
                            </div>
                        {% endif %}
                        <div class="col-3 offset-6">
                            <div class="text-right">
                                {{ 'dt.columns.carrierPrice'|trans({}, 'admin') }}:
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="text-right">{{ order.carrierPrice|money }}</div>
                        </div>

                        <div class="col-3 offset-6">
                            <h5 class="text-right">
                                {{ 'dt.columns.totalPrice'|trans({}, 'admin') }}:
                            </h5>
                        </div>
                        <div class="col-3">
                            <h5 class="text-right">{{ order.totalPriceWithTax|money }}</h5>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-12">
                            {% if order.notes %}
                                <div>
                                    <strong>{{ 'form_order_note'|trans({}, 'admin') }}:</strong>
                                </div>
                                {{ order.notes|nl2br }}
                            {% else %}
                                <twig:alert type="info" message="alert_order_not_found_note" translationDomain="admin"/>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-4">
            <div class="card card-default">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fa-solid fa-clock-rotate-left"></i>
                        {{ 'history_of_states'|trans({}, 'admin') }}
                    </h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body">
                    {% for historyState in historyStates %}
                        <div class="callout" style="border-left-color: {{ historyState.orderState.color }};">
                            <h5>
                                {{ 'dt.columns.stateName'|trans({}, 'admin') }}:
                                {{ historyState.orderState.translation(shop.currentLocale).name }}
                            </h5>
                            <p>{{ 'dt.columnName.createdAt'|trans({}, 'admin') }}
                                : {{ historyState.createdAt|format_datetime }}</p>
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% macro showAddress(address) %}
    <div>
        {% if address.fullName %}
            {{ address.fullName }} <br>
        {% endif %}
        {% if address.street %}
            {{ address.street }} <br>
        {% endif %}
        {% if address.postalCode %}
            {{ address.postalCode }}
        {% endif %}
        {% if address.city %}
            {{ address.city }} <br>
        {% endif %}

        {% if address.companyIn or address.companyTin %}
            {% if address.companyIn %}{{ 'form_company_in'|trans({}, 'admin') }}: {{ address.companyIn }}{% endif %}
            {% if address.companyIn and address.companyTin %},&nbsp;{% endif %}
            {% if address.companyTin %}{{ 'form_company_tin'|trans({}, 'admin') }}: {{ address.companyTin }}{% endif %}
            <br>
        {% endif %}

        {% if address.phone %}
            {{ 'form_phone'|trans({}, 'admin') }}: {{ address.phone }}
            <br>
        {% endif %}

        {% if address.country %}
            {{ 'form_country'|trans({}, 'admin') }}: {{ address.country.translation(shop.currentLocale).name }}
            <br>
        {% endif %}
    </div>
{% endmacro %}