{% if eventList %}
{% if lgrows == 3 %}
    <div class="bg-section bg-tertiary m-default mx-0 pb-1">
        <div class="ce-multiboxes m-default mx-0">
            <div class="m-default mw-default my-0">
                <h2 class="text-center mt-5">{{ 'zuk.event.latestListHeadline'|trans }}</h2>
            </div>
            <div class="filter m-default mw-lg-default mt-0 mb-3">
                <div class="row g-4 align-items-center">
                    <div class="col-12 col-md-7">
                    </div>
                    <div class="col-12 col-md-5 text-md-end">
                        <a href="{{ path( "ibexa.url.alias", {"locationId": 52349 } ) }}" class="link-underlined fs-4">{{ 'zuk.event.all'|trans }}</a>
                    </div>
                </div>
            </div>
            <div class="splide pb-4 splide-boxes">
                <div class="splide__track">
                    <ul class="splide__list">
                        {% for event in eventList.items %}
                            {% set begin = eventParseDateTime(event.Begin) %}
                            {% set end = eventParseDateTime(event.End) %}
                            <li class="splide__slide py-3">
                                <div class="card bg-transparent">
                                    <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}">
                                        {% include '@ibexadesign/events/_event_teaser.html.twig' %}
                                    </a>
                                    <div class="card-body px-0 pb-0">
                                        <span class="card-date d-block fw-bold">{{ begin }}{% if not(begin == end)%} - {{ end }} {% endif %}</span>
                                        <div class="card-meta lh-sm text-break fs-6">
                                   {% if event.ParticipantPreconditionComment %}
                                       {{ event.ParticipantPreconditionComment }}{% else %}&nbsp;{% endif %}
                                    </div>
                                        <span class="d-block fs-3 fw-bold text-primary card-title mt-3 mb-2"><a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}">{{ event.Title }}</a></span>
                                        <p>{{ event.Description|u.truncate(200, '...', false) }}</p>
                                        {% if event.MaximumParticipants %}
                                            <span class="card-meta">{% include '@ibexadesign/events/_event_free_places.html.twig' %}</span>
                                        {% endif %}
                                    </div>
                                    <div class="card-footer bg-transparent px-0 pb-0">
                                        <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}" class="link-underlined">{{ 'zuk.event.detailLink'|trans|raw }}</a>
                                    </div>
                                </div>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% else %}
<div class="cards-wrapper">
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
        {% for event in eventList.items %}
            {% set begin = eventParseDateTime(event.Begin) %}
            {% set end = eventParseDateTime(event.End) %}
            <div class="col">
                <div class="card bg-transparent">
                    <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}">
                        {% include '@ibexadesign/events/_event_teaser.html.twig' %}
                    </a>
                    <div class="card-body px-0 pb-0">
                        <span class="card-date d-block fw-bold">{{ begin }}{% if not(begin == end)%} - {{ end }} {% endif %}</span>
                        <div class="card-meta lh-sm text-break fs-6">{% if event.ParticipantPreconditionComment %}
                            {{ event.ParticipantPreconditionComment }}{% else %}&nbsp;{% endif %}
                            </div>
                        <span class="d-block fs-3 fw-bold text-primary card-title mt-3 mb-2"><a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}">{{ event.Title }}</a></span>
                        <p>{{ event.Description|u.truncate(200,'...', false) }}</p>
                        {% if event.MaximumParticipants %}
                        <span class="card-meta">{% include '@ibexadesign/events/_event_free_places.html.twig' %}</span>
                        {% endif %}
                    </div>
                    <div class="card-footer bg-transparent px-0 pb-0">
                        <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId })) }}" class="link-underlined">{{ 'zuk.event.detailLink'|trans|raw }}</a>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>
    {% set pages = events.totalCount/events.pageSize %}
    {% set pages = pages|round(0, 'ceil') %}
    {% if pages > 1 %}
    <div class="mt-5 mw-lg-default">
        <nav class="pagination-navi">
            <ul class="pagination justify-content-center">
                {% set baseurl = app.request.requestUri|replace({'#veranstaltungsfilter':''}) %}
                {% set found = false %}
                {% for key in app.request.query|keys %}
                    {%  if key == "page" %}
                        {% set found = app.request.query.get(key) %}
                    {% endif %}
                {% endfor %}
                {% if not found %}
                    {% if app.request.query|length > 0 %}
                        {% set baseurl = baseurl ~ "&page=1" %}
                        {% set found = 1 %}
                    {% else %}
                        {% set baseurl = baseurl ~ "?page=1" %}
                        {% set found = 1 %}
                    {% endif %}
                {% endif %}
                <li class="page-item prev  {% if events.pageCount == 1 %}disabled {% endif %}"><a class="page-link" href="{{ baseurl|replace({("page="~found):("page="~(events.pageCount-1))}) }}#veranstaltungsfilter" rel="next">
                <i class="far fa-fw fa-chevron-left"></i></a></li>
                {% for i in 1..pages  %}
                    <li class="page-item {% if i == events.pageCount %}active {% endif %}"><a class="page-link" href="{{ baseurl|replace({("page="~found):("page="~(i))}) }}#veranstaltungsfilter">{{ i }}</a></li>
                {% endfor %}
                <li class="page-item next {% if events.pageCount ==pages %}disabled {% endif %}"><a class="page-link" href="{{ baseurl|replace({("page="~found):("page="~(events.pageCount+1))}) }}#veranstaltungsfilter" rel="next"><i class="far fa-fw fa-chevron-right"></i></a></li>

            </ul>
        </nav>
    </div>
    {% endif %}
{% endif %}
{% endif %}