@if($day)
    <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-meal1-tab" onclick="mealsSelect(this)" data-id="{{$day->id}}" type-id="breakfast" data-bs-toggle="pill" data-bs-target="#pills-meal1" type="button" role="tab" aria-controls="pills-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-meal2-tab" onclick="mealsSelect(this)" data-id="{{$day->id}}" type-id="main" data-bs-toggle="pill" data-bs-target="#pills-meal2" type="button" role="tab" aria-controls="pills-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-meal3-tab" onclick="mealsSelect(this)" data-id="{{$day->id}}" type-id="snacks" data-bs-toggle="pill" data-bs-target="#pills-meal1" type="button" role="tab" aria-controls="pills-meal3" aria-selected="false">
                <img src="{{url('')}}/assets/web/images/new_imgs/icons/009-pizza.svg" alt="" class="icon"> <strong> {{__('web.snacks')}} </strong>
              </button>
            </li>
        @endif
        @if($subscribe->count_side > 0)
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-meal4-tab" onclick="mealsSelect(this)" data-id="{{$day->id}}" type-id="side" data-bs-toggle="pill" data-bs-target="#pills-meal2" type="button" role="tab" aria-controls="pills-meal4" aria-selected="false">
                    <img src="{{url('')}}/assets/web/images/new_imgs/icons/024-cupcake.svg" alt="" class="icon"> <strong> {{$side->descriptions()->name}} </strong>
                </button>
             </li>
        @endif
    </ul>
    <div class="days_slider" id='mealsDay'>
    </div>
@else
    <div class="text-center py-5 mt-5">
        <div class="alert alert-warning py-5" role="alert">
            <h5 class="mb-0"> {{__('web.not_exist_meals_day')}} </h5>
        </div>
    </div>
@endif
    <script src="{{url('')}}/assets/web/js/custom/profileAction.js"></script>