{% extends "@ibexadesign/pagelayout.html.twig" %}
{% block content %}
    {% set image_alias = image_alias|default( "col3" ) %}
    {% set content_name = ibexa_content_name( content ) %}
    <div class="row">
        <div class="col-md-12">
            <h1 class="special">{{ ibexa_render_field( content, 'name' ) }}</h1>
        </div>
    {% if not ibexa_field_is_empty( content, "image" ) %}
        <div class="col-xl-3 col-lg-4 col-xs-12 pt-1 pb-3 mt-4">
            {% if ibexa_field_value(content,"image").destinationContentId is defined %}
                {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"image").destinationContentId, 'viewType': 'embed', 'noLayout': true, 'params': {'alias': image_alias, 'alt': content_name}} ) ) }}
            {% else %}
                {{ ibexa_render_field( content, 'image', {"parameters": {"alias": image_alias, 'alt': content_name}}) }}
            {% endif %}
        </div>
    {% endif %}
    {% if not ibexa_field_is_empty( content, "short_description" ) %}
        <div class="col short_description mt-4">{{ ibexa_render_field( content, 'short_description' ) }}</div>
   {% endif %}
    {% if not ibexa_field_is_empty( content, "description" ) %}
                <div class="description mt-4 col-md-12">{{ ibexa_render_field( content, 'description' ) }}</div>
    {% endif %}
    </div>
    {% if content.fields.show_children is defined and ibexa_field_value(content, 'show_children') == "1" and searchCount > 0 %}
        <div class="row">
            {% for searchResult in pagerSearch %}
            <div class="col-lg-6 col-12 pt-1 pb-3 mt-2">
                {# Displaying elements calling the view line #}
                {{ render_esi( controller( 'ibexa_content:viewAction', {'locationId': searchResult.id, 'viewType': 'line'} ) ) }}
            </div>
            {% endfor %}
        </div>
    {% endif %}
    {% if pagerSearch.haveToPaginate() and not isPreview is defined%}
            <div class="border-box pagenavigator clearfix">
                <div class="pagination-centered">
                    {{ pagerfanta( pagerSearch, 'twitter_bootstrap4', {'prev_message': 'previous'|trans({}, 'pagination'), 'next_message': 'next'|trans({},'pagination') } ) }}
                </div>
            </div>
    {% endif %}
{% endblock %}