{% trans_default_domain 'lcshop' %}

<div class="modal fade show" id="modal-order-delivery-availability">
    {{ form_start(form_order_delivery_availability, {'attr': { 'id' : 'orderDeliveryAvailabilityForm'}}) }}) }}
    {% form_theme form_order_delivery_availability '@LcShop/backend/form/custom_bootstrap_4.html.twig' %}
    <div class="modal-dialog">

        <div class="modal-content">
            <div class="modal-header">
                <h4>{{ "form.group.OrderShop.deliveryAvailabilty"|trans }}</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                ${order.deliveryType}
                <div class="col" v-if="order.deliveryType=='point-sale'">
                    {{ form_row(form_order_delivery_availability.deliveryAvailabilityPointSale) }}
                </div>

                <div class="col" v-else-if="order.deliveryType=='at-home'">
                    {{ form_row(form_order_delivery_availability.deliveryAvailabilityZone) }}
                </div>

            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                {{ form_row(form_order_delivery_availability.saveDeliveryAvailability, {"attr": {'class' : 'btn btn-primary', '@click' : 'updateOrderDeliveryAvailability'}}) }}
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    {{ form_end(form_order_delivery_availability) }}
</div>
