@foreach ($visits as $key => $items)
    @php
        $driver = App\Models\User::find($key);
        $count = 0;
        $items = $items->sortBy(function ($item, $key){
            return $key;
        });
    @endphp
    {{-- Start drivar tablist --}}
    <div id="accordion{{ $key }}" role="tablist" aria-multiselectable="true">
        <div class="accordion-panel m-b-10" style="">
            <div class="accordion-heading" role="tab" id="headingOne{{ $key }}" style="border: 1px solid #ddd; padding:10px;background-color: {{ $driver->color }} !important; color:#FFF !important;">
                <div class="row">
                    <div class="col-sm-1">
                        <a class="accordion-msg p-l-0 p-t-0 p-b-0 waves-effect waves-dark collapsed" 
                            data-bs-toggle="collapse" 
                            data-parent="#accordion{{ $key }}" 
                            href="#collapseOne{{ $key }}" 
                            aria-expanded="false" 
                            aria-controls="collapseOne{{ $key }}" 
                            style="border: none;">
                            <i class="fa fa-plus" style="color: #fff;" onclick="toggleicon(this)"></i>
                        </a>
                    </div>
                    <div class="col-sm-11">
                        <a class="p-t-0 a-white" href="{{ route('users.show', $driver->uuid) }}">{{ $driver->name }}</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <span class="" style="padding-left: 9%;"><span id="count{{ $driver->id }}"></span> {{ __('visits') }}</span>
                    </div>
                </div>
            </div>
            <div id="collapseOne{{ $key }}" class="panel-collapse in collapse" role="tabpanel" aria-labelledby="headingOne{{ $key }}">
                <div class="accordion-content accordion-desc p-l-30">
                    {{-- Start time block tablist --}}
                    @foreach ($items as $time_block_id => $driver_visits)
                        @php
                            $driver_visits = $driver_visits->sortBy(function ($driver_visitt, $key){
                                return $driver_visitt->visit_timemm;
                            });
                            $time_block = App\Models\DriverTimeBlock::find($time_block_id);
                        @endphp
                        <div class="row m-t-10" style="border: 1px solid #ddd; padding:10px;">
                            <div id="accordion{{ $key }}{{ $time_block_id }}" role="tablist" aria-multiselectable="true">
                                <div class="accordion-panel m-b-10">
                                    <div class="accordion-heading" role="tab" id="headingOne{{ $key }}{{ $time_block_id }}">
                                        <div class="row">
                                            <div class="col-sm-1">
                                                <a class="accordion-msg p-l-0 p-t-0 p-b-0 waves-effect waves-dark collapsed" 
                                                    data-bs-toggle="collapse" 
                                                    data-parent="#accordion{{ $key }}{{ $time_block_id }}" 
                                                    href="#collapseOne{{ $key }}{{ $time_block_id }}" 
                                                    aria-expanded="false" 
                                                    aria-controls="collapseOne{{ $key }}{{ $time_block_id }}" 
                                                    style="border: none;">
                                                    <i class="fa fa-plus" onclick="toggleicon(this)"></i>
                                                </a>
                                            </div>
                                            <div class="col-sm-11">
                                                <span>{{ $time_block->start_time }}-{{ $time_block->end_time }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="collapseOne{{ $key }}{{ $time_block_id }}" class="panel-collapse in collapse" role="tabpanel" aria-labelledby="headingOne{{ $key }}{{ $time_block_id }}">
                                        <div class="accordion-content accordion-desc p-0">
                                            @foreach ($driver_visits as $dr_project_id => $driver_visit)
                                                @php
                                                    $count++;
                                                @endphp
                                                @if(!empty($driver_visit->article))
                                                    @include('calendar.article-visit')
                                                @else
                                                    @include('calendar.regural-visit')
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $('#count'+'{{ $driver->id }}').html('{{ $count }}');
        });
    </script>
@endforeach