@foreach($dates as $key=>$date)
            
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsedate{{$key}}" aria-expanded="false" aria-controls="collapsedate{{$key}}">
                        <div class="head_box in-flex py-3">
                            <h4 class="day fw-bold  mb-0 color-dark">
                                <span class="i color-primary me-3"><i class="fa-solid fa-calendar-days"></i></span>
                                {{__('web.'.date('l',strtotime($date)))}} , {{date('Y/m/d',strtotime($date))}}
                            </h4>
                            <div class="meals_counter">
                                <span class="num fw-bold color-primary fs-6" id="date{{$key}}">0</span> / 
                                <span class="num">{{$package_count_meals}}</span>
                            </div>
                        </div>
                    </button>
                </h2>
                <div id="collapsedate{{$key}}" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <div class="accordion-body">
                            <div class="tab_wrapper pt-5 pb-4">
                                <ul class="categ_nav nav nav-pills justify-content-center mb-5 pb-2" id="pills-tab" role="tablist">
                                    @foreach($categories as $category)
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="pills-categ{{$category->id}}date{{$key}}-tab" onclick="categoryDaySelect(this)" data-bs-toggle="pill" category-id="{{$category->id}}" date-id="{{$key}}" data-bs-target="#pills-categ{{$category->id}}date{{$key}}" type="button" role="tab" aria-controls="pills-categ{{$category->id}}date{{$key}}" aria-selected="false">
                                            <img src="{{asset($category->image)}}" alt="" class="icon"/>
                                            {{$category->descriptions()->name}}
                                        </button>
                                    </li>
                                    @endforeach
                                </ul>
                                <div id='meals'>
                                    @foreach($categories as $category)
                                    <div class="swiper-container selectMeal_swiper swipperCat{{$key}}" style="display:none" id="pills-categ{{$category->id}}date{{$key}}">
                                        <div class="swiper-wrapper pb-4 pt-3">
                                            @foreach($category->mealsDate($date) as $meal)
                                            <div class="swiper-slide" >
                                                <div class="form-check ">
                                                    <input class="form-check-input" type="checkbox" onclick="checkClick(this)" value="{{$meal->id}}" name="meals[{{$key}}][{{$meal->id}}][meal_id]" id="meals{{$key}}Check{{$category->id}}meal{{$meal->id}}">
                                                    <label class="form-check-label" for="meals{{$key}}Check{{$category->id}}meal{{$meal->id}}">
                                                        <div class="meal_box" >
                                                            <div class="img_box">
                                                                <img src="{{asset($meal->image)}}" alt="" class="sec-img"/>
                                                            </div>
                                                            <div class="card-body">
                                                                <h5 class="title">{{$meal->descriptions()->name}}</h5>
                                                            </div>
                                                        </div>
                                                    </label>
                                                    <div class="qty_box">
                                                        <h5 class="qty_title fw-bold mb-3">{{__('web.count_required')}}</h5>
                                                        <div class="quantity-container">
                                                            <div class="add-more">
                                                                <span class="qt-minus"><i class="fas fa-minus"></i></span>
                                                                <input class="qt" type="number" name="meals[{{$key}}][{{$meal->id}}][count]" max="{{$package_count_meals}}" value="0">
                                                                <span class="qt-plus"><i class="fas fa-plus"></i></span>
                                                            </div>
                                                        </div>
                                                        <button type="button" onclick="calculateMeals(this)" class="butn dark_butn qty_butn mt-3" >{{__('web.confirm_count')}}</button>
                                                    </div>
                                                    <button class="edit_qty butn white_butn" type="button">
                                                        <i class="fa-regular fa-pen-to-square"></i> {{__('web.count_required')}} : <b id="date{{$key}}meal{{$meal->id}}">0</b> 
                                                    </button>
                                                </div>
                                            </div>
                                            @endforeach
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
   

    <script src="{{url('')}}/assets/web/js/main.js"></script>
    <script src="{{url('')}}/assets/web/js/custom/secondSubscribe.js"></script>