{% extends '@LcShop/backend/default/show.html.twig' %}
{% trans_default_domain 'lcshop' %}
{% import '@LcShop/backend/default/block/macros.html.twig' as macros %}
{% import '@LcShop/backend/order/macros.html.twig' as order_macros %}

{% block main %}

    <div class="lc-vue-js-container" id="lc-order-edit">
        <div class="row">
            <div class="col-3">
                {{ order_macros.box_user_info() }}
            </div>
            <div class="col-3">
                {{ order_macros.box_total_order() }}
            </div>
            <div class="col-3">
                {{ order_macros.box_validation_date() }}
            </div>

            <div class="col-3">
                {{ order_macros.box_status() }}
            </div>

            <template v-if="order.user">
                <div class="col-3">
                    {{ order_macros.box_address_invoice() }}
                </div>
                <div class="col-3">
                    {{ order_macros.box_address_delivery() }}
                </div>
                <div class="col-3">
                    {{ order_macros.box_delivery_slot() }}
                </div>
            </template>


            <div class="col-12">
                {{ macros.card_start('OrderShop.resume') }}

                {% include '@LcShop/backend/order/form/card_orderproducts.html.twig' %}

                {{ macros.card_end('isLoading') }}
            </div>

            <div class="col-6">
                {{ order_macros.box_payments() }}
            </div>

            {% if form_order_invoice_address is defined %}
                {% include '@LcShop/backend/order/form/modal_invoiceaddress.html.twig' %}
            {% endif %}
            {% if form_order_delivery_address is defined %}
                {% include '@LcShop/backend/order/form/modal_deliveryaddress.html.twig' %}
            {% endif %}
            {% if form_order_delivery_availability is defined %}
                {% include '@LcShop/backend/order/form/modal_deliveryavailability.html.twig' %}
            {% endif %}
            {% if form_order_status is defined %}
                {% include '@LcShop/backend/order/form/modal_orderstatus.html.twig' %}
            {% endif %}
            {% if form_add_order_reduction_credit is defined %}
                {% include '@LcShop/backend/order/form/modal_addorderreductioncredit.html.twig' %}
            {% endif %}
            {% if form_add_order_reduction_cart is defined %}
                {% include '@LcShop/backend/order/form/modal_addorderreductioncart.html.twig' %}
            {% endif %}
            {% if form_delete_order_reduction_cart is defined %}
                {% include '@LcShop/backend/order/form/modal_deletereductioncart.html.twig' %}
            {% endif %}
            {% if form_delete_order_reduction_credit is defined %}
                {% include '@LcShop/backend/order/form/modal_deletereductioncredit.html.twig' %}
            {% endif %}
            {% if form_add_product_to_order is defined %}
                {% include '@LcShop/backend/order/form/modal_addproducttoorder.html.twig' %}
            {% endif %}
            {% if form_order_payment is defined %}
                {% include '@LcShop/backend/order/form/modal_orderpayment.html.twig' %}
            {% endif %}
            {% if form_delete_order_payment is defined %}
                {% include '@LcShop/backend/order/form/modal_deleteorderpayment.html.twig' %}
            {% endif %}

            {% if form_add_redelivery_order_product is defined %}
                {% include '@LcShop/backend/order/form/modal_addredeliveryorderproduct.html.twig' %}
            {% endif %}

            {% if form_order_send_payment_link is defined %}
                {% include '@LcShop/backend/order/form/modal_sendpaymentlink.html.twig' %}
            {% endif %}

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

{% block script_javascript %}
    {{ parent() }}
    {% include '@LcShop/backend/default/block/script-vuejs.html.twig' %}
    <script src="{{ asset('bundles/lcshop/js/backend/script/order/vuejs-order.js') }}"></script>
{% endblock %}