<div class="event">
    <div class="event_header">
        @if($button['subscribed'])<h5>Aangemeld</h5>@endif
        @php /** @var \App\KommaApp\Events\Models\Event $event */
        @endphp
        <h4>{{ $event->translations->first()->name }}</h4>
        <div class="event_properties">
            <p class="date">@include('svg.icons.date'){{\Carbon\Carbon::parse($event->date)->formatLocalized('%a %d - %m - %Y')}}</p>
            <p class="hour">
                @include('svg.icons.hour')
                <span>
                    van {{\Carbon\Carbon::parse($event->starttime)->format('H:i')}} u.
                    <br/><br/>
                    tot &nbsp;{{\Carbon\Carbon::parse($event->endtime)->format('H:i')}} u.
                </span>
            </p>
            <p class="users">@include('svg.icons.person'){{$event->getSubscriptionCounterText()}}</p>
        </div>

    </div>
    <div class="event_content">
        <h5>Aangemelde leden</h5>
        <ul>
            @foreach($event->users as $user)
                @php /** @var \App\KommaApp\Competences\Models\Competence $competence */@endphp
                <li class="">
                    <label>{{$user->first_name}} {{$user->last_name}}</label>
                </li>
            @endforeach
        </ul>
    </div>
    @if(isset($button))
        <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'] && $event->maxSubscriptionsReached())
                        class="full"
                    @elseif($button['subscribed'])
                        class="subscribed"
                    @endif>
        </form>
    @endif
</div>