{% if not isAjax %}
<section class="demi-event-overview-content-block demi-event-overview-content-block--result">
<div class="container">
<div class="ajax-load-container loading-overlay-container">
<div class="js-filter-form-result js-demi-ajax-form__result" id="ajaxFormResult">
{% endif %}
{% if paginator.getTotalItemCount() > 0 and not isTeaserGrid|default(false) %}
{{ include('@ElementsDemiFrontend/Includes/paging.html.twig', demi_getPagesArray(paginator)|merge({
pagingClass: 'demi-event-paging demi-event-paging--top',
pageLinkClass: 'js-demi-ajax-form__link'
})) }}
{% endif %}
{% if paginator.getTotalItemCount() <= 0 and not editmode and eventNoResultText is not empty %}
<div class="alert alert-danger wysiwyg">
{{ eventNoResultText | raw }}
</div>
{% else %}
<div class="row row--has-demi-event-teaser row--same-height demi-event-overview-teaser-list">
{% set perPage = pimcore_numeric('perPage').number ?: 12 %}
{% for key,item in paginator %}
{% if key < perPage %}
{% set dateRanges = {} %}
{% set fromToRanges = {} %}
{% set unformatedDates = true %}
{% set currTime = carbon().create() %}
{% set dateRangeData = demi_core_eventGetDateRanges(item, dateRanges, fromToRanges, currTime, unformatedDates) %}
{% set dateRanges = dateRangeData.dateRanges %}
{% set fromToRanges = dateRangeData.fromToRanges %}
{% set hasRanges = dateRangeData.hasRanges %}
{# no more json LD data for additional service teaser overview WF_1468733 #}
{# set jsonLd = demi_eventGetJsonLdData(item, fromToRanges, {"currtime" : currTime, "locale" : app.request.getLocale()}) #}
{# do jsonLd('event').add('event' ~ key, jsonLd) #}
{% endif %}
{{ include(teaserTemplate, {
'event' : item
}) }}
{% endfor %}
</div>
{% endif %}
{% if paginator.getTotalItemCount() > 0 and not isTeaserGrid|default(false) %}
{{ include('@ElementsDemiFrontend/Includes/paging.html.twig', demi_getPagesArray(paginator)|merge({
pagingClass: 'demi-event-paging demi-event-paging--bottom',
pageLinkClass: 'js-demi-ajax-form__link'
})) }}
{% endif %}
{% if not isAjax %}
</div>
<div class="loading-overlay js-demi-ajax-form__loading" hidden>
<div class="mt-4">
<div class="loading-spinner" aria-label="Loading">
<div class="loading-spinner__item loading-spinner__item--1"></div>
<div class="loading-spinner__item loading-spinner__item--2"></div>
<div class="loading-spinner__item loading-spinner__item--3"></div>
</div>
<div class="mt-3">
{{ 'demi.content-loading' | trans }}
</div>
</div>
</div>
</div>
</div>
</section>
{% endif %}