<div class="course">
    <div class="course_header">
        @if($button['subscribed'] && !$completed)<h5>Ingeschreven</h5>@endif
        @php /** @var \App\KommaApp\Courses\Models\Course $course */
        @endphp
        <h4>{{ $course->translations->first()->name }}</h4>
        <div class="course_properties">
            <p class="date">@include('svg.icons.date'){{\Carbon\Carbon::parse($course->date)->formatLocalized('%a %d - %m - %Y')}}</p>
            <p class="hour">@include('svg.icons.hour'){{\Carbon\Carbon::parse($course->date)->format('H:i')}} u.</p>
        </div>
        <p class="users">@include('svg.icons.person'){{$course->getSubscriptionCounterText()}}</p>
        @if($show_presence_manager_link)
            <a href="{{ route('presence.form', ['course' => $course]) }}">Ga naar incheck scherm</a>
        @endif

    </div>
    <div class="course_content">
        <h5>Behandelde competenties</h5>
        <ul>
            @foreach($course->competences as $competence)
                @php /** @var \App\KommaApp\Competences\Models\Competence $competence */@endphp
                <li class="{{$competence->authUserCompetenceStatus}} {{$competence->id == $competence_id_filter ? 'active' : ''}}">
                    <label>{{$competence->translations->first()->name }}</label>
                </li>
            @endforeach
        </ul>

        @if(isset($button) && !$completed)
            <form action="{{ $button['url'] }}" method="POST">
                {{ csrf_field() }}
                {{ method_field('POST') }}
                <input type="hidden" name="subscribed" value="{{ $button['subscribed']}}">
                <input type="submit" value="{{ $button['text'] }}"
                       @if(!$button['subscribed'] && $course->maxSubscriptionsReached())
                            class="full"
                        @elseif($button['subscribed'])
                            class="subscribed"
                        @endif>
            </form>
        @endif
        @if($completed)
            <form></form>
        @endif
    </div>
</div>