@foreach($dates as $key=>$row)
    <section class="single_day_choose_sec day{{date('l',strtotime($row))}}{{in_array($row,$days_first) ? 'first' :''}}">
            <div class="container">
                @if(in_array($row,$days_first))
                <div class="all_days_choose_style2">
                    <p class="mainColor small fw-bold mb-3" id="daydate{{$row}}"> </p>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" onclick="duplicateDay(this)" date-id="{{$row}}" day-id="{{date('l',strtotime($row))}}" name="days_duplicate[]" value="{{$row}}" id="flexCheckDefault{{$key}}">
                        <label class="form-check-label" for="flexCheckDefault{{$key}}">
                            أختيار نفس الوجبات لكل ايام {{__('web.'.date('l',strtotime($row)))}}
                        </label>
                    </div>
                </div>
                @endif
                <div class="title mb-3">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="inf">
                                <small class="mainColor"> {{__('web.day')}} {{$key+1}} </small>
                                <h6> {{__('web.'.date('l',strtotime($row)))}} ({{ date('Y.m.d',strtotime($row))}}) </h6>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single_day_tabs">
                    <ul class="nav nav-pills" id="pills-tab" role="tablist">
                        @if($subscribe->cost->breakfast > 0)
                        <li class="nav-item" role="presentation">
                          <button class="nav-link " id="pills{{$key}}-meal1-tab" data-bs-toggle="pill" data-bs-target="#pills{{$key}}-meal1" type="button" role="tab" aria-controls="pills{{$key}}-meal1" aria-selected="false">
                                <img src="{{url('')}}/assets/web/images/new_imgs/icons/004-restaurant.svg" alt="" class="icon"> <strong> {{__('web.breakfast')}} </strong>
                          </button>
                        </li>
                        @endif
                        @if($subscribe->cost->main > 0)
                        <li class="nav-item" role="presentation">
                          <button class="nav-link" id="pills{{$key}}-meal2-tab" data-bs-toggle="pill" data-bs-target="#pills{{$key}}-meal2" type="button" role="tab" aria-controls="pills{{$key}}-meal2" aria-selected="false">
                            <img src="{{url('')}}/assets/web/images/new_imgs/icons/002-restaurant.svg" alt="" class="icon"> <strong> {{__('web.main')}}  </strong>
                          </button>
                        </li>
                        @endif
                        @if($subscribe->count_snacks > 0)
                        <li class="nav-item" role="presentation">
                          <button class="nav-link" id="pills{{$key}}-meal3-tab" data-bs-toggle="pill" data-bs-target="#pills{{$key}}-meal3" type="button" role="tab" aria-controls="pills{{$key}}-meal3" aria-selected="false">
                            <img src="{{url('')}}/assets/web/images/new_imgs/icons/009-pizza.svg" alt="" class="icon"> <strong> {{__('web.snack')}} </strong>
                          </button>
                        </li>
                        @endif
                        @foreach($subscribe->sides as $sideKey=>$side)
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="pills{{$key}}-side{{$sideKey}}-meal4-tab" data-bs-toggle="pill" data-bs-target="#pills{{$key}}-side{{$sideKey}}-meal4" type="button" role="tab" aria-controls="pills{{$key}}-side{{$sideKey}}-meal4" aria-selected="false">
                                <img src="{{url('')}}/assets/web/images/new_imgs/icons/024-cupcake.svg" alt="" class="icon"> <strong> {{$side->side->descriptions()->name}} </strong>
                            </button>
                          </li>
                        @endforeach
                      </ul>
                      <div class="tab-content" id="pills-tabContent">
                        @if($subscribe->cost->breakfast > 0)
                        <div class="tab-pane fade" id="pills{{$key}}-meal1" role="tabpanel" aria-labelledby="pills{{$key}}-meal1-tab">
                            <div class="row">
                                @if(count($subscribe->meals('breakfast',$row)) > 0)
                                    <div class="choose_meals_slider">
                                        <div class="swiper-wrapper">
                                            @foreach($subscribe->meals('breakfast',$row) as $keyMeal=>$meal)
                                                @include('web.pages.components.meal',['meal'=>$meal,'package_id'=>$subscribe->package_id,'key'=>$key,'status'=>'breakfast','keyMeal'=>$keyMeal,'date'=>$row,'days_first'=>$days_first])
                                            @endforeach
                                            
                                        </div>
                                        <div class="swiper-button-next"></div>
                                        <div class="swiper-button-prev"></div>
                                    </div>
                                @else
                                    <div class="col-lg-12">
                                        <div class="text-center py-5 mt-5">
                                            <div class="alert alert-warning py-5" role="alert">
                                                <h5 class="mb-0"> {{__('web.not_exists_meals')}} </h5>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        @endif
                        @if($subscribe->cost->main > 0)
                        <div class="tab-pane fade" id="pills{{$key}}-meal2" role="tabpanel" aria-labelledby="pills{{$key}}-meal2-tab">
                            <div class="row">
                                @if(count($subscribe->meals('main',$row)) > 0)
                                    <div class="choose_meals_slider">
                                        <div class="swiper-wrapper">
                                            @foreach($subscribe->meals('main',$row) as $keyMeal=>$meal)
                                                @include('web.pages.components.meal',['meal'=>$meal,'package_id'=>$subscribe->package_id,'key'=>$key,'status'=>'main','keyMeal'=>$keyMeal,'date'=>$row,'days_first'=>$days_first])
                                            @endforeach
                                        </div>
                                        <div class="swiper-button-next"></div>
                                        <div class="swiper-button-prev"></div>
                                    </div>
                                @else
                                    <div class="col-lg-12">
                                        <div class="text-center py-5 mt-5">
                                            <div class="alert alert-warning py-5" role="alert">
                                                <h5 class="mb-0"> {{__('web.not_exists_meals')}} </h5>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        @endif
                        @if($subscribe->count_snacks > 0)
                            <div class="tab-pane fade" id="pills{{$key}}-meal3" role="tabpanel" aria-labelledby="pills{{$key}}-meal3-tab">
                                <div class="row">
                                    @if(count($subscribe->meals('snack',$row)) > 0)
                                        <div class="choose_meals_slider">
                                            <div class="swiper-wrapper">
                                                @foreach($subscribe->meals('snack',$row) as $keyMeal=>$meal)
                                                    @include('web.pages.components.meal',['meal'=>$meal,'key'=>$key,'status'=>'snacks','keyMeal'=>$keyMeal,'date'=>$row,'days_first'=>$days_first])
                                                @endforeach
                                            </div>
                                            <div class="swiper-button-next"></div>
                                            <div class="swiper-button-prev"></div>
                                        </div>
                                    @else
                                        <div class="col-lg-12">
                                            <div class="text-center py-5 mt-5">
                                                <div class="alert alert-warning py-5" role="alert">
                                                    <h5 class="mb-0"> {{__('web.not_exists_meals')}} </h5>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endif
                        @foreach($subscribe->sides as $sideKey => $side)
                            <div class="tab-pane fade" id="pills{{$key}}-side{{$sideKey}}-meal4" role="tabpanel" aria-labelledby="pills{{$key}}-side{{$sideKey}}-meal4-tab">
                                <div class="row">
                                    @if(count($subscribe->meals('side',$row,$side->side_id)) > 0)
                                        <div class="choose_meals_slider">
                                            <div class="swiper-wrapper">
                                                @foreach($subscribe->meals('side',$row,$side->side_id) as $keyMeal=>$meal)
                                                    @include('web.pages.components.meal',['meal'=>$meal,'key'=>$key,'status'=>'sides','keyMeal'=>$keyMeal,'date'=>$row,'days_first'=>$days_first])
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class="swiper-button-next"></div>
                                        <div class="swiper-button-prev"></div>
                                    @else
                                        <div class="col-lg-12">
                                            <div class="text-center py-5 mt-5">
                                                <div class="alert alert-warning py-5" role="alert">
                                                    <h5 class="mb-0"> {{__('web.not_exists_meals')}} </h5>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                      </div>
                </div>
            </div>
        </section>
@endforeach


<div class="text-center mt-4">
    <button type="submit" class="butn">
        <span class="small px-5"> {{__('web.save_meals')}} </span>
    </button>
</div>
<script src="{{url('')}}/assets/web/js/lib/swiper.min.js"></script>

    <script>
        var swiper = new Swiper('.choose_meals_slider', {
            slidesPerView: 4,
            spaceBetween: 30,
            centeredSlides: false,
            speed: 1000,
            pagination: false,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            mousewheel: false,
            keyboard: false,
            autoplay: false,
            loop: false,
            breakpoints: {
                0: {
                    slidesPerView: 1,
                },
                480: {
                    slidesPerView: 2,
                },
                787: {
                    slidesPerView: 3,
                },
                991: {
                    slidesPerView: 4,
                },
                1200: {
                    slidesPerView: 4,
                }
            }
        });
    </script>
<script src="{{url('')}}/assets/web/js/custom/continueAction.js"></script>
<script src="{{url('')}}/assets/web/js/custom/calculatePackage.js"></script>