<section>
<div class="row align-items-center text-dark-grey font-decorative vertical-gutter--3 my-3 my-md-5">
<div class="col-md vertical-gutter__item">
<div class="js-ajax-form-map__result"
data-result-id="result-paging">
{{ include('Navigation/paging.html.twig', {styleModifier: 'justify-content-center', ajaxClass: 'js-ajax-form-map__link'}) }}
</div>
</div>
{% if not noMap|default(false) %}
<div class="col-md-auto vertical-gutter__item d-flex justify-content-center">
<nav>
<div class="nav nav-tabs result-info__nav-tabs mb-0" id="nav-tab" role="tablist">
<a class="result-info__nav-link active" id="nav-list-tab" data-height="false"
data-toggle="tab" href="#tab-list" role="tab" aria-controls="tab-list" aria-selected="true">
<span class="icon icon-list" aria-hidden="true"></span>
{{ 'eventplanning.Liste'|trans }}
</a>
<a class="result-info__nav-link ml-3" id="nav-map-tab" data-height="false"
data-toggle="tab" href="#tab-map" role="tab" aria-controls="tab-map" aria-selected="false">
<span class="icon icon-map" aria-hidden="true"></span>
{{ 'eventplanning.Karte'|trans }}
</a>
</div>
</nav>
</div>
{% endif %}
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="tab-list" role="tabpanel" aria-labelledby="nav-list-tab">
<div class="js-ajax-form-map__result" data-result-id="result-main">
{{ include('YoungStyria/Includes/young-styria-list.html.twig', {
items: paginator
}) }}
</div>
</div>
{% if not noMap|default(false) %}
<div class="tab-pane fade" id="tab-map" role="tabpanel" aria-labelledby="nav-map-tab">
{% do jsConfig().add('googleMapAPIKey', googleApiKey()) %}
{% do jsConfig().add('ajaxForm', true) %}
{% do jsConfig().add('ajaxFormMap', true) %}
<div class="js-ajax-form-map__map embed-responsive embed-responsive-16by9 embed-responsive-1by1-xs mb-md-5">
<div class="js-ajax-form-map__map__canvas embed-responsive-item"></div>
</div>
</div>
{% endif %}
</div>
<div class="row align-items-center text-dark-grey font-decorative vertical-gutter--3 my-3 my-md-5">
<div class="col-md vertical-gutter__item">
<div class="js-ajax-form-map__result"
data-result-id="result-paging">
{{ include('Navigation/paging.html.twig', {styleModifier: 'justify-content-center', ajaxClass: 'js-ajax-form-map__link'}) }}
</div>
</div>
</div>
</section>