@if (!isset($timing) || $timing == true)
<div class="times">
    <input type="checkbox" @click="timing=!timing" x-bind:checked="timing">
    الاوقات المتاحة
    <small>(ازل العلامة للحصول على القيمة من المستوى الاعلى) </small>
    <template x-for="(delivery_times, i) in fields" :key="i" x-if="timing">
        <div class='delivery_time m-2'>
            <input type="hidden"
                :name="`delivery_times[times][${i}][checked]`"
                value='0'>
            <input class='check' type="checkbox"
                :name="`delivery_times[times][${i}][checked]`"
                x-model="delivery_times.checked" value="1">

            <label> من </label>
            <input type='time'
                :name='`delivery_times[times][${i}][from]`'
                x-model="delivery_times.from">

            <label> الى </label>
            <input type='time'
                :name='`delivery_times[times][${i}][to]`'
                x-model="delivery_times.to">

            <br>
            <label> • عدد الساعات قبل الطلب </label>
            <input type='number'
                :name="`delivery_times[times][${i}][hours_before_order]`"
                x-model="delivery_times.hours_before_order">
            <br>
            <label> • الحد الاقصى للطلبات </label>
            <input type='number'
                :name="`delivery_times[times][${i}][max_order]`"
                x-model="delivery_times.max_order">
            <br>
            <input type='checkbox'
                :name='`delivery_times[times][${i}][not_available_in_friday]`'
                    value='1'
                    x-model="delivery_times.not_available_in_friday">
            <label for="">غير متاح يوم الجمعة</label>
            <br>

            <input @click="removeField(i)" type='button' class='btn btn-danger btn-xs remove_delivery_time'
                value='x'>

        </div>
    </template>
    <template x-if="timing">
        <div class="col-md-6 text-center">
            <input @click="addNewField()" type='button' class='btn btn-success btn-xs add_delivery_time'
                value='+'>
        </div>
    </template>


</div>
@endif