{{-- <div x-data="{ show: false }" class='w-100'>
    <div class="form-group col-md-6 ">
    <button 
    class="btn btn-info"
    @click.prevent="show = !show" 
    :aria-expanded="show ? 'true' : 'false'" 
    :class="{ 'active': show} ">
        إعدادات المواعيد
          </button>
    </div> --}}
<div 
x-data="infohandler()" 
{{-- x-show="show"  --}}
class="row delivery_times e w-100" >

 

    <hr class='w-100'>
			
    <div class="col-md-6">
        <label for="EmirateDelivery_time_nextday">{{__('back.requestAfterHowManyDays')}}</label>
        <input type='number' name='delivery_delay' value=0 >
        <small>{{__('back.set0ForThePossibilityOfOrderingSameDay')}}</small>
        <br><br>
        <label>{{__('back.availabledaysPerWeek')}}</label><br>
               @foreach($days as $day)
       <div style='width:20%;display: inline-block;' >
           <input type="checkbox" {{checked($day['number'], $delivery_times['week'] )}} name="delivery_times[week][]" value="{{$day['number']}}">
           {{$day['day']}}
       </div>
       @endforeach

    </div>
    <div class="times col-md-6">
        {{__('back.availableTimes')}}   
       
        
        <template x-for="(delivery_times, i) in fields['delivery_times']" :key="i">
        <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 == 1 ?true:false"
                value="1"
                >

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

            <label>{{__('back.to')}} </label>
            <input type='time' :name='`delivery_times[times][${i}][to]`'
            x-model="delivery_times.to" >
            
            <br>
            <label>{{__('back.numberOfHoursBeforeOrdering')}}  </label>
            <input type='number' :name="`delivery_times[times][${i}][hours_before_order]`"
            x-model="delivery_times.hours_before_order">
        
            <input @click="addNewField()" type='button' class='btn btn-success btn-xs add_delivery_time' value='+'>
          
            <input @click="removeField(i)" type='button' class='btn btn-danger btn-xs remove_delivery_time' value='x'>
           
        </div>
        </template>
      
    </div>
    
</div>


</div>

@php
	$values = ($model->checkoutSetting)? $model->checkoutSetting : [[]];
@endphp
<script>
	function infohandler() {
        // console.log(@json($values));
    return {
		fields: @json($values),
      	addNewField() {
			this.fields['delivery_times'].push({});
        },
        removeField(index) {
			this.fields['delivery_times'].splice(index, 1);
		}
	}
 }
</script>