{% if eventList %}
<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="d-flex align-items-stretch col col-md-4 mb-3">
                <div class="card bg-transparent">
                    <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId, 'domain': app.request.host })) }}">
                        {% include '@ibexadesign/events/_event_teaser.html.twig' %}
                    </a>
                    <div class="card-body px-1 pb-1">
                        <span class="font-weight-bold date d-block">{{ begin }}{% if not(begin == end)%} - {{ end }} {% endif %}</span>
                        <div class="card-meta">{% 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, 'domain': app.request.host })) }}">{{ 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-1 pb-1">
                        <a href="{{ ibexa_path(ibexa_route('event_single', {'slug': event.SeminarManagerSeminarId, 'domain': app.request.host })) }}" 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="fa 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="fa fa-chevron-right"></i></a></li>

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