@extends('site.master')

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

@section('content')
    <div class="register centered competence-page">
        @if (\Session::has('message'))
            <div class="info-message">{{ Session::get('message') }}</div>
        @endif
        <div class="competences-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>Competenties</h1>

        <ul class="filters">
            <li @if($filter == strtolower(__('kms/courses.filter.'.\App\KommaApp\Courses\Models\Course::FilterAll))) class="active" @endif>
                <a href="{{ route('dashboard.competences', ['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/competences.'.\App\KommaApp\Competences\Models\Competence::StatusAlmostExpired))) class="active" @endif>
                <a href="{{ route('dashboard.competences', ['filter' => strtolower(__('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusAlmostExpired)) ]) }}">
                    @lang('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusAlmostExpired)
                </a>
            </li>
            <li @if($filter == strtolower(__('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusExpired))) class="active" @endif>
                <a href="{{ route('dashboard.competences', ['filter' => strtolower(__('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusExpired)) ]) }}">
                    @lang('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusExpired)
                </a>
            </li>
{{--            <li @if($filter == strtolower(__('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusMissing))) class="active" @endif>--}}
{{--                <a href="{{ route('dashboard.competences', ['filter' => strtolower(__('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusMissing)) ]) }}">--}}
{{--                    @lang('kms/competences.'.\App\KommaApp\Competences\Models\Competence::StatusMissing)--}}
{{--                </a>--}}
{{--            </li>--}}
        </ul>
        <ul class="competences-list">
            @if(count($all_competences) == 0) <h4>Er zijn geen competenties om weer te geven.</h4> @endif
            @foreach($all_competences as $competence)
                <li class="competence {{$competence->authUserCompetenceStatus}}">
                    <a href="{{route('dashboard.competences', ['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