{% extends "@ibexadesign/pagelayout.html.twig" %}
{% block headerimage %}
<div class="image-wrapper">
    <picture>
        {% if not ibexa_field_is_empty( content, 'mainimage' ) %}
            {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"mainimage").destinationContentId, 'viewType': 'embed', 'noLayout': true, 'params': {'alias': 'zuk_full_screen_width_full', 'minimalMarkup': 'true', 'srcmedia': 'min-width: 768px'}} ) ) }}
        {% endif %}
        {% if not ibexa_field_is_empty( content, 'mainimage_small' ) %}
            <img src="{% apply spaceless %}{{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"mainimage_small").destinationContentId, 'viewType': 'embed', 'noLayout': true, 'params': {'alias': 'zuk_full_screen_width_small', 'minimalMarkup': 'true','backgroundimage':true}} ) ) }}{% endapply %}">
        {% endif %}
    </picture>
</div>
{% if not ibexa_field_is_empty( content, 'short_name' ) %}
<div class="text-wrapper mw-default text-white">
    <h2 class="text-white text-left mt-5">{{ ibexa_field_value(content, 'short_name') }}</h2>
</div>
{% endif %}
{% endblock %}

{% block content %}
<div class="ce-text m-default mw-default mb-2">
    <h1 class="mw-default text-center mt-5">
        {{ ibexa_field_value(content, 'name') }}
    </h1>
    {{ ibexa_render_field(content, 'description') }}
    {% if ibexa_field_value(content, 'show_children') == "1" and searchCount > 0%}
        {% for searchResult in pagerSearch %}
            {{ render_esi( controller( 'ibexa_content:viewAction', {'locationId': searchResult.id, 'viewType': 'teaser','params': {"fullDesign": true,"colWidth": 4, "hideImage": false, "equalHeight": true}} ) ) }}
        {% endfor %}
    {% endif %}
    {% if not isPreview is defined and pagerSearch.haveToPaginate() %}
    <div class="mt-5 mw-lg-default">
        <nav class="pagination-navi">
            {{ pagerfanta( pagerSearch, 'twitter_bootstrap4', { 'css_container_class': 'pagination justify-content-center', 'prev_message': '<i class="far fa-fw fa-chevron-left"></i>', 'next_message':'<i class="far fa-fw fa-chevron-right"></i>'} ) }}
        </nav>
    </div>
    {% endif %}
</div>
{% endblock %}