{% 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 %}
  {#  {% form_theme form_order_reduction_cart '@LcShop/backend/form/custom_bootstrap_4.html.twig' %}
    {% form_theme form_add_product_to_order '@LcShop/backend/form/custom_bootstrap_4.html.twig' %}
    {% form_theme form_order_reduction_credit '@LcShop/backend/form/custom_bootstrap_4.html.twig' %}#}
    <div class="lc-vue-js-container" id="lc-order-edit">


        <div class="row">
            {{ order_macros.mainInfo() }}

            <template v-if="order.user">
                {{ order_macros.addressInfo() }}
            </template>



            {% macro addressInfo() %}
                <div class="col-3">

                    <div class="info-box">
            <span class="info-box-icon bg-info">
            <i class="fa fa-address-card"></i></span>
                        <div class="info-box-content">
                            <strong>{{ "field.default.invoiceAddress"|trans({}, 'lcshop') }}</strong>
                            <address v-html="order.invoiceAddress">
                            </address>
                            {{ _self.order_modal_button('#modal-order-invoice-address') }}
                        </div>
                    </div>

                    <div class="info-box">
            <span class="info-box-icon bg-success">
            <i class="fa fa-map-marked-alt"></i></span>
                        <div class="info-box-content">

                            <div v-if="order.deliveryType == 'home'">
                                <strong>{{ "field.default.deliveryAddress"|trans({}, 'lcshop') }}</strong>
                                <address v-html="order.deliveryAddress">
                                </address>
                            </div>
                            <div v-else-if="order.deliveryType == 'point-sale'">
                                <h6><strong>{{ "field.default.deliveryPointSale"|trans({}, 'lcshop') }} : </strong></h6>
                                <address v-html="order.deliveryPointSale">
                                </address>
                            </div>
                            <div v-else>
                                Aucun lieu de livraison défini.
                            </div>
                            {{ _self.order_modal_button('#modal-order-delivery-address') }}
                        </div>
                    </div>

                    <div class="info-box">
            <span class="info-box-icon bg-danger">
            <i class="fa fa-clock"></i></span>
                        <div class="info-box-content">

                            <h6><strong>{{ "field.default.deliveryAvailabilty"|trans({}, 'lcshop') }} : </strong></h6>
                            <div v-if="order.deliveryType == 'home'">
                                <div v-html="order.deliveryAvailabilityZone">
                                </div>
                            </div>
                            <div v-else-if="order.deliveryType == 'point-sale'">
                                <div v-html="order.deliveryAvailabilityPointSale">
                                </div>
                            </div>
                            {{ _self.order_modal_button('#modal-order-delivery-availability') }}
                        </div>
                    </div>
                </div>
            {% endmacro addressInfo %}




            {{ macros.startCard(9, 'OrderShop.resume') }}

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

            {{ macros.cardOverlay('isLoading') }}

            {{ macros.endCard() }}



            {% 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_addreductioncredit.html.twig' %}
            {% endif %}
            {% if form_add_order_reduction_cart is defined %}
                {% include '@LcShop/backend/order/form/modal_addreductioncart.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 %}

            {#       {{ macros.startCard(3, 'OrderShop.addProduct', 'success') }}
                   {% include '@LcShop/backend/order/form/addproducttoorder.html.twig' %}
                   {{ macros.endCard(3) }}

                   {{ macros.startCard(0, 'OrderShop.orderReductionCart', 'success') }}
                   {{ form_start(form_order_reduction_cart, {'attr': { 'id' : 'orderReductionCartForm'}}) }}
                   {{ form_end(form_order_reduction_credit) }}
                   {{ macros.endCard(3) }}#}
        </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 %}