@extends('site.master')

@section('title', __('site/dashboard.courses.title'))
@section('meta_description', __('site/dashboard.courses.meta_description'))

@section('content')
    <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.partials.course', [
                    'button' => [
                        'text' => $course->users->contains(Auth::user()) ? 'Uitschrijven' : 'Inschrijven',
                        'url' => route('site.dashboard.courses.updatecoursesubscription', [
                            '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>
@endsection