@if(count($arrayOfDays))
    <div id="carouselExampleControls" class="carousel slide pb-4 pr-4 pl-4" data-ride="carousel">
        <div class="carousel-inner">
                        @foreach($arrayOfDays as $SessionsInfo)
                @if($loop->first)
                    <div class="carousel-item active">
                        @else
                            <div class="carousel-item">
                                @endif
                                <div class="row">
                                    @foreach($SessionsInfo as $singleSession)
                                        <div class="{{ isset($sliderClass)?$sliderClass:'col-md-4' }}">
                                            <div class="card times-card">
                                                <p class="boxing p-2 bg-success text-white text-center">
                                                    {{ Date::today()->addDays($i)->format('l') }} <br/>
                                                    {{ date('Y-m-d', strtotime("+0+$i day")) }}
                                                </p>
                                                <div class="row justify-content-start mx-2">
                                                    @if(count($singleSession))
                                                        @foreach($singleSession as $dayInfo)
                                                            <div class="col-12">
                                                                <div class="p-3 float-right @if (is_null($dayInfo->visitor_id)) bg-light @else bg-badge-purple {{--bg-info--}} @endif text-center my-3" style="width:99%;" >
                                                                    <label> {{$dayInfo->type}} {{trans('home.minutes')}} </label><br />
                                                                    @if (is_null($dayInfo->visitor_id))
                                                                        <a href="{{route('book',[$dayInfo->id])}}">{{\Carbon\Carbon::parse($dayInfo->start_time)->format('Y-m-d')}}</a><br/>
                                                                    @else
                                                                        {{\Carbon\Carbon::parse($dayInfo->start_time)->format('Y-m-d')}}<br/>
                                                                    @endif
                                                                    {{trans('home.from')}} : {{\Carbon\Carbon::parse($dayInfo->start_time)->format('H:i A')}} <br />
                                                                    {{trans('home.to')}} : {{\Carbon\Carbon::parse($dayInfo->start_time)->addMinutes($dayInfo->type)->format('H:i A')}}
                                                                    @if($dayInfo->visitor_id && $dayInfo->status == '2')
                                                                        <label style="color:#fff"> {{trans('home.Session-Reserved')}} </label><br />
                                                                    @endif

                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @else
                                                        <div class="col-12">
                                                            <div class="p-3 float-right bg-light text-center my-3" style="width:99%;" >
                                                                <label> {{trans('home.No-appointments-available')}} </label><br />
                                                            </div>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div> <!-- card -->
                                        </div> <!-- col-md-4 -->
                                                                            @endforeach
                                </div>
                            </div>
                            @endforeach
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
        </div>
        <!-- End Slider -->

    </div>
@endif