@if(!empty($model) && count($model) > 0)
    <div class="o-events">
        <h2 class="c-heading">{{__('events.listHeading')}}</h2>
        <div class="o-events__main">
            @foreach($model as $event)
                <div class="o-events__item">

                    <a class="c-event-card" href="{{$links->events->route}}/{{$event->translation->slug}}">
                        <picture class="c-event-card__picture">
                            <img class="c-event-card__img" src="{{$event->documents->first()->medium_image_url ?? '/img/placeholder-event-card.svg'}}" alt="" width="264" height="280">
                            <div class="c-event-card__date">
                                <div class="c-date-label">
                                    <time class="c-date-label__day" datetime="{{$event->date->format('d')}}">{{ $event->date->day }}</time>
                                    <time class="c-date-label__month" datetime="{{$event->date->format('m')}}">@lang('calendar.month_names_short.'. ($event->date->format('n') - 1))</time>
{{--                                    <time class="c-date-label__year" datetime="{{$event->date->format('Y')}}">{{ $event->date->year }}</time>--}}
                                </div>
                            </div>
                        </picture>
                        <div class="c-event-card__info">
                            @if(!empty($event->translation->name))
                                <h3 class="c-event-card__title">{{$event->translation->name}}</h3>
                            @endif
                            @if(!empty($event->time))
                                <p class="c-event-card__subtitle">{{$event->time}}</p>
                            @endisset
                            @if(!empty($event->translation->description))
                                <p class="c-event-card__type">{{$event->translation->description}}</p>
                            @endif
                        </div>
                    </a>

                </div>
            @endforeach
        </div>
    </div>
@endif