{% extends "@ibexadesign/pagelayout.html.twig" %}
{% block content %}
    <div class="content-view-full class-article">
        <div class="border-box">
            <h1>{{ ibexa_render_field( content, 'name' ) }}</h1>
            {{ ibexa_render_field( content, 'short_description' ) }}
            {{ ibexa_render_field( content, 'description' ) }}
            {% if not ibexa_field_is_empty( content, 'image' ) %}
            <div id="headerCarousel" class="carousel lazy">
                <div class="carousel-inner">
                {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"image").destinationContentId, 'viewType': 'slider', 'noLayout': 0, "params": { "is_first": true }} ) ) }}
                </div>
            </div>
            {% endif %}
        </div>
    </div>
    <div class="childrenlist">
        <div class="children">
            {% for item in items.searchHits %}
{% if item.valueObject.contentInfo.contentTypeId == 110 %}
{# magazin_article #}
                <div class="row">
                    <div class="col">
                        <h4>{{ ibexa_render_field( item.valueObject.content, 'theme' ) }}</h4>
                        <h2>{{ optimizeContent(ibexa_field_value( item.valueObject.content, 'title').text)|raw }}</h2>
                        {{ ibexa_render_field( item.valueObject.content, 'body' ) }}
                        <p><b>{{ optimizeContent(ibexa_field_value( item.valueObject.content, 'short_title').text)|raw }}</b></p>
                    </div>
                    {% if not ibexa_field_is_empty( item.valueObject.content, 'image_portrait' ) %}
                        <div class="col-md-3 text-right">
                            {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(item.valueObject.content,"image_portrait").destinationContentId, 'viewType': 'embed', 'noLayout': 1, 'params': {'alias': 'magazin_portrait_image_col2'}} ) ) }}
                            <p class="font-weight-lighter">{{ ibexa_render_field( item.valueObject.content, 'text_portrait' ) }}</p>
                        </div>
                    {% endif %}
                </div>
                <hr>
{% else %}
                <div class="row" id="{{ item.valueObject.id }}">
                    <div class="col">
                        <h4>{{ ibexa_render_field( item.valueObject.content, 'theme' ) }}</h4>
                        <h2>{{ ibexa_render_field( item.valueObject.content, 'title' ) }}</h2>
                        {{ ibexa_render_field( item.valueObject.content, 'body' ) }}
                        {% if not ibexa_field_is_empty( item.valueObject.content, 'info_autor' ) %}
                            <div class="row">
                                {% if not ibexa_field_is_empty( item.valueObject.content, 'image_autor' ) %}
                                    <div class="col-xl-3 col-lg-4 col-md-5 col-6 img-rounded text-center">
                                        {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(item.valueObject.content,"image_autor").destinationContentId, 'viewType': 'embed', 'noLayout': 1, 'params': {'alias': 'magazin_portrait_image_col2'}} ) ) }}
                                    </div>
                                {% endif %}
                                <div class="col mt-md-5 mt-2">
                                    <p><b>{{ ibexa_render_field( item.valueObject.content, 'info_autor' ) }}</b></p>
                                </div>
                            </div>
                        {% endif %}
                    </div>
                    {% if not ibexa_field_is_empty( item.valueObject.content, 'image_media' ) %}
                        <div class="col-md-3 text-right">
                            {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(item.valueObject.content,"image_media").destinationContentId, 'viewType': 'embed', 'noLayout': 1, 'params': {'alias': 'magazin_portrait_image_col2'}} ) ) }}
                            <p class="font-weight-lighter">{{ ibexa_render_field( item.valueObject.content, 'text_image_media' ) }}</p>
                        </div>
                    {% endif %}
                </div>
                <hr>
{% endif %}
            {% endfor %}
        </div>
    </div>
    {% if not ibexa_field_is_empty( content, 'related_content' ) %}
        <section class="class-article row mt-4 pb-4 d-print-none">
            <div class="col-md-12 mostviewed">
                <h3>{% if not ibexa_field_is_empty( content, 'headline_related_content') %}{{ ibexa_render_field( content, 'headline_related_content') }}{% else %}Verwandte Themen{% endif %}</h3>
                <div class="row mb-3 mt-3">
                    {{ ibexa_render_field(
                        content,
                        'related_content', {"template": _self, 'parameters': { 'col': 'col-md-4' }}
                    ) }}
                </div>
            </div>
        </section>
    {% endif %}
{% endblock %}
{% block ezobjectrelationlist_field %}
    {{ include('@ibexadesign/full/_related_content_3cols.html.twig') }}
{% endblock %}