{% extends '@LcShop/backend/default/show.html.twig' %}

{% import '@LcShop/backend/default/block/macros.html.twig' as macros %}

{% block main %}

        <div class="lc-vue-js-container" id="lc-order-edit">


            <div class="row">

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

                {{ macros.startCard(3, 'OrderShop.addProduct', 'success') }}
                {% include '@LcShop/backend/order/card_addproducttoorder.html.twig' %}
                {% include '@LcShop/backend/order/modal_invoiceaddress.html.twig' %}
                {% include '@LcShop/backend/order/modal_deliveryaddress.html.twig' %}
                {% include '@LcShop/backend/order/modal_deliveryavailability.html.twig' %}

                {{ macros.endCard }}
            </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 %}