{% if duplicate %}
{% if editmode %}
<br><br><br>
<div class='alert-danger text-primary text-center'><strong>Mixing two demilists with frontendfilters is not
allowed.
Please use the Demi Infrastructure Teasergrid Area instead!</strong></div><br><br><br>
{% endif %}
{% else %}
{% if editmode %}
{{ include("@ElementsDemiFrontend/Infrastructure/editmode/editmode.html.twig") }}
{% else %}
{% do jsConfig().add('isClickable', true) %}
{% do jsConfig().add('filterForm', true) %}
{% do jsConfig().add('demiAjaxForm', true) %}
{% do jsConfig().add('filterFormResult', true) %}
{% do jsConfig().add('filterFormPaging', true) %}
{% do jsConfig().add('quickFilterbar', true) %}
{% do jsConfig().add('filterStoreUrl', filterStoreUrl) %}
{% set checkboxKeyword = pimcore_checkbox('show-keyword-filter').checked %}
{% set checkboxTowns = pimcore_checkbox('show-town-filter').checked %}
{% set checkboxMap = pimcore_checkbox('show-map-button').checked %}
{% set checkboxCats = pimcore_checkbox('show-category-filter').checked %}
{% set checkboxDates = pimcore_checkbox('show-dates-filter').checked %}
{% set showSchladmingAdditionalServiceFilter = pimcore_checkbox('show-schladming-additional-service-filter') %}
<div id="demi-infrastructure-content" class="content-block">
<section
class="demi-infrastructure-overview-content-block demi-infrastructure-overview-content-block--intro">
<div class="container">
{% if not pimcore_input('headline').empty %}
<h2 class="h1">{{ pimcore_input('headline').data }}</h2>
{% endif %}
{% if not pimcore_input('subHeadline').empty %}
<h3 class="h2">{{ pimcore_input('subHeadline').data }}</h3>
{% endif %}
{% if not pimcore_wysiwyg('introtext').empty %}
<div class="wysiwyg">{{ pimcore_wysiwyg('introtext').data | raw }}</div>
{% endif %}
</div>
</section>
<section
class="demi-infrastructure-overview-content-block demi-infrastructure-overview-content-block--main js-demi-ajax-form" data-ajax-form-scroll-target="#ajaxFormResult">
{% if not checkboxCats %}
<div class="container">
<div class="filter-categories js-filter-form">
<form class="js-demi-ajax-form__form{{ isAjax ? '' :' js-action-changer' }}"
action="{{ filterStoreUrl }}"
data-action="{{ filterStoreUrl }}"
id="filter-form">
{% if checkboxKeyword or checkboxMap or checkboxTowns %}
{{ include("@ElementsDemiFrontend/Infrastructure/filter/filters.html.twig", {
"showKeywordFilter" : checkboxKeyword,
"showTownFilter" : checkboxTowns and not pimcore_relations('regions').empty,
"showShowOnMapBtn" : checkboxMap,
showDateFilter: checkboxDates
}) }}
{% endif %}
</form>
</div>
{% if checkboxMap %}
<div class="demi-infrastructure-sidebar__map">
<a href="">{{ 'demi.infrastructure.show-map' | trans }}</a>
</div>
{% endif %}
</div>
{% endif %}
<div class="container">
{% if checkboxCats %}
<div class="row">
{{ include("@ElementsDemiFrontend/Infrastructure/includes/filter-sidebar.html.twig", {
"showKeywordFilter" : checkboxKeyword,
"showTownFilter" : checkboxTowns,
"showShowOnMapBtn" : checkboxMap,
"showDateFilter": checkboxDates,
"showShowOnMapBtn" : checkboxMap,
"showSchladmingAdditionalServiceFilter": showSchladmingAdditionalServiceFilter,
"inArea" : true,
"actionPath" : filterStoreUrl
}) }}
<div class="col-md-9">
{% endif %}
<div class="ajax-load-container loading-overlay-container">
<div class="js-filter-form-result js-demi-ajax-form__result" id="ajaxFormResult">
{{ include(teaserTemplate) }}
</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>
{% if checkboxCats %}
</div>
</div>
{% endif %}
</div>
</section>
</div>
{% endif %}
{% endif %}