{{Form::model($opeatings, array('route' => array('admin.operating_hours.update', $opeatings->id), 'method' => 'PUT')) }}


    <div class="modal-body">
        <div class="row">
            <div class="row">
                <div class="col-md-4">
                    <div class="from-group">
                        <label class="col-form-label"for="name">{{ __('Operating Hour Name') }}</label>
                        <span class="red" style="color: red;">*</span>
                        <input type="text" name="name" id="name"
                            value="{{ $opeatings->name }}"class="form-control" required />
                    </div>

                </div>
                @php
                    $contents = json_decode($opeatings->content, true);
                @endphp

                <div class="col-md-8">

                    <div class="accordion-body">
                        @foreach ($days as $key => $day)
                            <div class="row align-items-center gy-4">
                                <div class="col-xs-12 col-sm-3">
                                    <div class="form-check">

                                        <input class="form-check-input" type="checkbox" value="{{ $day }}"
                                            name="days[{{ $day }}]" id="content"
                                            @if (!is_null($day)) {{ isset($contents[$day]) ? 'checked' : '' }} @endif>
                                        {{-- @dd($contents[$day]) --}}
                                        <label class="form-check-label" for="flexCheckDefault">
                                            {{ $day }}
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-6 col-sm-2"
                                    style="

                                    padding: 7px;
                                    width: 110px;">
                                    <select class="form-control  select"
                                        name="content[{{ $day }}][start_hour]" id="content2" placeholder="08">
                                        @for($i=0; $i <= 23; $i++)
                                        <option value="{{ $i }}" @if(isset($contents[$day]) && $i == $contents[$day]['start_hour']) {{'selected'}} @endif>{{ $i }}
                                        </option>
                                       @endfor

                                    </select>
                                </div>
                                <div class="col-xs-6 col-sm-2"
                                    style="
                                    padding: 7px;
                                    width: 110px;">
                                    <select class="form-control form-control-light"
                                        name="content[{{ $day }}][start_min]" placeholder="00" id="content3">

                                        @for($i = 0; $i < 61; $i += 10)
                                        <option value="{{ $i }}" @if(isset($contents[$day]) && $i == $contents[$day]['start_min']) {{ 'selected' }} @endif>{{ $i }}</option>
                                    @endfor

                                    </select>
                                </div>
                                <div class="col-xs-12 col-sm-1 hint text-center">to</div>
                                <div class="col-xs-6 col-sm-2"
                                    style="
                                    padding: 7px;
                                    width: 110px;">

                                    <select class="form-control  select" name="content[{{ $day }}][end_hour]" id="content4">
                                             @for($i=0; $i <= 23; $i++)
                                              <option value="{{ $i }}" @if(isset($contents[$day]) && $i == $contents[$day]['end_hour']) {{'selected'}} @endif>{{ $i }}
                                              </option>
                                             @endfor
                                    </select>
                                </div>
                                <div class="col-xs-6 col-sm-2"
                                    style="
                                    padding: 7px;
                                    width: 110px;">
                                    <select class="form-control form-control-light"
                                        name="content[{{ $day }}][end_min]" id="content5" placeholder="00">

                                        @for($i = 0; $i < 61; $i += 10)
                                            <option value="{{ $i }}" @if(isset($contents[$day]) && $i == $contents[$day]['end_min']) {{ 'selected' }} @endif>{{ $i }}</option>
                                        @endfor

                                    </select>
                                </div>
                            </div>
                        @endforeach

                    </div>

                </div>
            </div>
        </div>
        <div class="col-12">
            <hr class="my-3">
        </div>

        <div class="row">
            <div class="d-flex justify-content-end text-end">
                <a class="btn btn-secondary btn-light btn-submit" href="">{{ __('Cancel') }}</a>
                <button class="btn btn-primary btn-submit ms-2" type="submit">{{ __('Update') }}</button>
            </div>
        </div>
    </div>
{{ Form::close() }}

<script src="{{ asset('public/libs/select2/dist/js/select2.min.js')}}"></script>

<script>
    if ($(".multi-select").length > 0) {
    $( $(".multi-select") ).each(function( index,element ) {
        var id = $(element).attr('id');
           var multipleCancelButton = new Choices(
                '#'+id, {
                    removeItemButton: true,
                }
            );
    });

}


if ($(".select2").length) {
        $('.select2').select2({
            "language": {
                "noResults": function () {
                    return "No result found";
                }
            },
        });
    }

</script>