<div class="register centered courses">
    @if (\Session::has('message'))
        <div class="info-message">{{ Session::get('message') }}</div>
    @endif
    <div class="courses-header">
        <a href="/" class="hello-user">
            <span class="icon person">@include('svg.icons.person')</span>
            <div class="greeting">
                <h4>@lang('site/global.helloUser') {{\Auth::user()->first_name}}</h4>
                <p>Bekijk gegevens</p>
            </div>
        </a>


        @if(!empty($general_notice))
            <div class="general-notice">
                {!! $general_notice !!}
            </div>
        @endif
    </div>

    <h1>Trainingen</h1>
    <ul class="filters">
        <li @if($filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterAll))) class="active" @endif>
            <a href="{{ route('dashboard.courses', ['filter' => strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterAll)) ]) }}">
                @lang('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterAll)
            </a>
        </li>
        <li @if($filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterRecommended))) class="active" @endif>
            <a href="{{ route('dashboard.courses', ['filter' => strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterRecommended)) ]) }}">
                @lang('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterRecommended)
            </a>
        </li>
        <li @if($filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterSubscribed))) class="active" @endif>
            <a href="{{ route('dashboard.courses', ['filter' => strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterSubscribed)) ]) }}">
                @lang('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterSubscribed)
            </a>
        </li>
        <li @if($filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterCompleted))) class="active" @endif>
            <a href="{{ route('dashboard.courses', ['filter' => strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterCompleted)) ]) }}">
                @lang('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterCompleted)
            </a>
        </li>
    </ul>
    @if(!empty($competence_filter)) <a href="{{ route('dashboard.courses', ['filter' => $filter]) }}"
                                       class="competence_filter">{{$competence_filter->translation->name}}
        <span>&times;</span></a> @endif
    <div class="courses-list">
        @if(count($courses) == 0) <h4>Er zijn geen trainingen om weer te geven.</h4> @endif
        @foreach($courses as $course)
            @include('site.dashboard.course', [
                'button' => [
                    'text' => $course->users->contains(Auth::user()) ? 'Uitschrijven' : 'Inschrijven',
                    'url' => route('site.dashboard.courses.updatesubscription', [
                        'user' => Auth::user(),
                        'course' => $course
                    ]),
                    'subscribed' => $course->users->contains(Auth::user()) ? 1 : 0, //1 to unsubscribe. 0 to subscribe
                ],
                'completed' => $filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterCompleted)),
                'competence_id_filter' => $competence_id_filter
            ])
        @endforeach
    </div>
</div>
<div class="sidebar competences">
    <h1><span class="icon back-arrow">@include('svg.icons.arrow')</span>Competenties</h1>
    <ul>
        @foreach($all_competences as $competence)
            <li class="{{$competence->authUserCompetenceStatus}} {{$competence->id == $competence_id_filter ? 'active' : ''}}">
                <a href="{{route('dashboard.courses', ['filter' => $filter, 'competenceId' => $competence->id])}}"
                   onclick="event.stopPropagation();">
                    <label>{{$competence->translation->name}}</label>
                    <span>@lang('kms/competences.'.$competence->authUserCompetenceStatus)</span>{{ $competence->pivot ? \Carbon\Carbon::parse($competence->pivot->expires_at)->formatLocalized('%d - %m - %Y') : '' }}
                </a>
            </li>
        @endforeach
    </ul>
</div>