@if(!$emptyCourses)
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-3 text-center">
            <h3>{{ucfirst($before)}}</h3>
        </div>
        <div class="col-md-4 text-center">
            <h3>{{ucfirst($today)}}</h3>
        </div>
        <div class="col-md-3 text-center">
            <h3>{{ucfirst($after)}}</h3>
        </div>
        <div class="col-md-1"></div>
    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-3">
            <ul class="list-group" id="timeslist2">
                @for($i = 0; $i<=$longest; $i++)
                    @if(!empty($courses[$before][$i]))
                        <li class="list-group-item d-flex justify-content-between align-items-center
"
                            data-course-id="{{$courses[$before][$i]['id']}}"
                            data-course-time-id="{{$courses[$before][$i]['time_id']}}"
                            data-course-report-id="{{$courses[$before][$i]['course_report_id']}}"
                        >
                            <div class="row">
                                <div class="col-md-8">
                                    {{$courses[$before][$i]['title']}}
                                </div>
                                <div class="col-md-4 pull-right">
                                    {{$courses[$before][$i]['place']}}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {{date('H:i',strtotime($courses[$before][$i]['start'])).' - '.date('H:i',strtotime($courses[$before][$i]['end']))}}
                                </div>
                            </div>
                        </li>
                    @endif
                @endfor
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="list-group" id="timeslist2">
                @for($i = 0; $i<=$longest; $i++)
                    @if(!empty($courses[$today][$i]))
                        <li class="list-group-item d-flex justify-content-between align-items-center
"
                            data-course-id="{{$courses[$today][$i]['id']}}"
                            data-course-time-id="{{$courses[$today][$i]['time_id']}}"
                            data-course-report-id="{{$courses[$today][$i]['course_report_id']}}"
                        onclick="isNotCorrectable()"
                        >
                            <div class="row">
                                <div class="col-md-8">
                                    {{$courses[$today][$i]['title']}}
                                </div>
                                <div class="col-md-4 pull-right">
                                    {{$courses[$today][$i]['place']}}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {{date('H:i',strtotime($courses[$today][$i]['start'])).' - '.date('H:i',strtotime($courses[$today][$i]['end']))}}
                                </div>
                            </div>
                        </li>
                    @endif
                @endfor
            </ul>
        </div>
        <div class="col-md-3">
            <ul class="list-group" id="timeslist2">
                @for($i = 0; $i<=$longest; $i++)
                    @if(!empty($courses[$after][$i]))
                        <li class="list-group-item d-flex justify-content-between align-items-center
"
                            data-course-id="{{$courses[$after][$i]['id']}}"
                            data-course-time-id="{{$courses[$after][$i]['time_id']}}"
                            data-course-report-id="{{$courses[$after][$i]['course_report_id']}}"
                        >
                            <div class="row">
                                <div class="col-md-8">
                                    {{$courses[$after][$i]['title']}}
                                </div>
                                <div class="col-md-4 pull-right">
                                    {{$courses[$after][$i]['place']}}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    {{date('H:i',strtotime($courses[$after][$i]['start'])).' - '.date('H:i',strtotime($courses[$after][$i]['end']))}}
                                </div>
                            </div>
                        </li>
                    @endif
                @endfor
            </ul>
        </div>
        <div class="col-md-1"></div>
    </div>
@else
    <div class="row">
        <div class="col-md-12 text-center" style="padding-top: 20px; padding-bottom: 20px;">
            <h4>
                Es konnten leider keine Bereichegefunden werden.
            </h4>
        </div>
    </div>
@endif