{#
Magazin Article - full view
#}
{% extends "@ibexadesign/pagelayout.html.twig" %}
{% block page_head %}
    {% if canPaginate is defined and canPaginate %}
        {% if page is defined and page is not null %}
            <link rel="prev" href="{{ url( 'ibexa.url.alias', {'locationId': content.contentInfo.mainLocationId} ) }}">
        {% else %}
            <link rel="next" href="{{ url( 'ibexa.url.alias', {'locationId': content.contentInfo.mainLocationId} ) }}?page=2">
        {% endif %}
    {% endif %}
    {{ parent() }}
{% endblock %}
{% block fullcontent %}
    <article class="class-article row  pt-4 pb-4">
{% if canPaginate is defined and canPaginate and page is defined and page is not null %}
        <div class="col-md-12 socialbar">
            {{ render( controller( "App\\Controller\\MagazinController::socialbar", {'content':  content } ) ) }}
        </div>
    {# Page 2#}
            {% if (content.fields.image_list_page2 is defined ) and not ibexa_field_is_empty( content, 'image_list_page2' ) %}
                <div id="headerCarousel2" class="carousel col-md-12 slide mb-5 d-none d-md-block lazy">
                    {{ ibexa_render_field(
                        content, 'image_list_page2',
                        { 'template': '@ibexadesign/fields/mainslider_field_templates.html.twig',
                            'parameters': {"carousel": 'headerCarousel2'} }
                    ) }}
                </div>
            {% endif %}
            {% if not ibexa_field_is_empty( content, 'body_page2' ) %}
            <div class="col-md-10 offset-md-1 mt-md-5">
                <div class="attribute-long">
                    {{ ibexa_render_field( content, 'body_page2' ) }}
                </div>
            </div>
            {% endif %}
            {% if (content.fields.image_list2_page2 is defined ) and not ibexa_field_is_empty( content, 'image_list2_page2' ) %}
                <div id="headerCarousel3" class="carousel col-md-12 slide mt-5 d-none d-md-block lazy d-print-block">
                    {{ ibexa_render_field(
                        content, 'image_list2_page2',
                        { 'template': '@ibexadesign/fields/mainslider_field_templates.html.twig',
                            'parameters': {"carousel": 'headerCarousel3'} }
                    ) }}
                </div>
            {% endif %}
            {% if not ibexa_field_is_empty( content, 'body2_page2' ) %}
                <div class="col-md-10 offset-md-1 mt-md-5">
                    <div class="attribute-long">
                        {{ ibexa_render_field( content, 'body2_page2' ) }}
                    </div>
                </div>
            {% endif %}
    {% if not ibexa_field_is_empty( content, 'image_portrait' ) %}
        <div class="col-md-10 offset-md-1 mt-4 authorinfo">
            <div class="row">
                <div class="col-4 col-lg-2">
                    {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"image_portrait").destinationContentId, 'viewType': 'embed', 'noLayout': 1, 'params': {'alias': 'magazin_portrait_image_col2'}} ) ) }}
                </div>
                {% if not ibexa_field_is_empty( content, 'text_portrait' ) %}
                    <div class="col-8 col-lg-10">{{ ibexa_render_field( content, 'text_portrait' ) }}</div>
                {% endif %}
            </div>
        </div>
    {% endif %}
    {% if not ibexa_field_is_empty( content, 'kasten_box' ) %}
        <div class="col-md-10 offset-md-1 mt-4">
            <div class="kastenbox">
                {{ ibexa_render_field( content, 'kasten_box' ) }}
            </div>
        </div>
    {% endif %}

    <div class="col-md-12 d-flex justify-content-center">
            <p><a rel="back" href="{{ url( 'ibexa.url.alias', {'locationId': content.contentInfo.mainLocationId} ) }}">Zur&uuml;ck zu Seite 1</a></p>
        </div>
{% else %}
        <div class="article-head col-md-10 offset-md-1">
            <h4>{{ ibexa_render_field( content, 'theme' ) }}</h4>
            <h1>{{ optimizeContent(ibexa_field_value( content, 'title').text)|raw }}</h1>
            <h5>{{ optimizeContent(ibexa_field_value( content, 'short_title').text)|raw }}</h5>
            {% if ibexa_field_value( content, "show_publish_date" ) == "1" %}
                <p class="date">ver&ouml;ffentlicht am {{ ibexa_field_value(content, 'publish_date')|format_datetime( 'medium', 'none', locale='de' ) }}</p>
            {% endif %}
            <div class="author">{{ ibexa_render_field( content, 'author_list' ) }}</div>
        </div>
        <div class="col-md-12 socialbar">
            {{ render( controller( "App\\Controller\\MagazinController::socialbar", {'content':  content } ) ) }}
        </div>

    {# Page 1#}
        {% if (content.fields.image_list is defined ) and not ibexa_field_is_empty( content, 'image_list' ) %}
            <div id="headerCarousel" class="carousel  col-md-12 slide mb-3 pb-3 d-block lazy" data-interval="false" data-ride="carousel">
                {{ ibexa_render_field(
                    content, 'image_list',
                    { 'template': '@ibexadesign/fields/mainslider_field_templates.html.twig',
                        'parameters': {"carousel": 'headerCarousel'} }
                ) }}
        </div>
        {% endif %}
        {% block magazinbody %}
            {% if not ibexa_field_is_empty( content, 'body' ) %}
                <div class="col-md-10 offset-md-1 mt-md-5">
                    <div class="attribute-long">
                        {{ ibexa_render_field( content, 'body' ) }}
                    </div>
                </div>
            {% endif %}
            {% if (content.fields.image_list2 is defined ) and not ibexa_field_is_empty( content, 'image_list2' ) %}
                <div id="headerCarousel2" class="carousel col-md-12 slide mt-5 d-none d-md-block lazy d-print-block">
                    {{ ibexa_render_field(
                        content, 'image_list2',
                        { 'template': '@ibexadesign/fields/mainslider_field_templates.html.twig',
                            'parameters': {"carousel": 'headerCarousel2'} }
                    ) }}
                </div>
            {% endif %}
            {% if not ibexa_field_is_empty( content, 'body2' ) %}
                <div class="col-md-10 offset-md-1 mt-md-5">
                    <div class="attribute-long">
                        {{ ibexa_render_field( content, 'body2' ) }}
                    </div>
                </div>
            {% endif %}
            {% if (content.fields.image_list3 is defined ) and not ibexa_field_is_empty( content, 'image_list3' ) %}
                <div id="headerCarousel3" class="carousel col-md-12 slide mt-5 d-none d-md-block lazy d-print-block">
                    {{ ibexa_render_field(
                        content, 'image_list3',
                        { 'template': '@ibexadesign/fields/mainslider_field_templates.html.twig',
                            'parameters': {"carousel": 'headerCarousel3'} }
                    ) }}
                </div>
            {% endif %}
            {% if not ibexa_field_is_empty( content, 'body3' ) %}
                <div class="col-md-10 offset-md-1 mt-md-5">
                    <div class="attribute-long">
                        {{ ibexa_render_field( content, 'body3' ) }}
                    </div>
                </div>
            {% endif %}
        {% endblock %}
            {% if canPaginate is defined and canPaginate %}
            {% else %}
            {% if not ibexa_field_is_empty( content, 'image_portrait' ) %}
                <div class="col-md-10 offset-md-1 mt-4 authorinfo">
                    <div class="row">
                        <div class="col-4 col-lg-2">
                            {{ render( controller( "ibexa_content:viewAction", {'contentId': ibexa_field_value(content,"image_portrait").destinationContentId, 'viewType': 'embed', 'noLayout': 1, 'params': {'alias': 'magazin_portrait_image_col2'}} ) ) }}
                        </div>
                        {% if not ibexa_field_is_empty( content, 'text_portrait' ) %}
                            <div class="col-8 col-lg-10">{{ ibexa_render_field( content, 'text_portrait' ) }}</div>
                        {% endif %}
                    </div>
                </div>
            {% endif %}
            {% if not ibexa_field_is_empty( content, 'kasten_box' ) %}
            <div class="col-md-10 offset-md-1 mt-4">
                <div class="kastenbox">
                    {{ ibexa_render_field( content, 'kasten_box' ) }}
                </div>
            </div>
            {% endif %}
            {% endif %}

        {% if canPaginate is defined and canPaginate %}
        <div class="col-md-12 d-flex justify-content-center">
            <p><a rel="next" href="{{ url( 'ibexa.url.alias', {'locationId': content.contentInfo.mainLocationId} ) }}?page=2">Weiter auf Seite 2</a></p>
        </div>
        {% endif %}
{% endif %}
    </article>

    {% if not ibexa_field_is_empty( content, 'dossier_teaser_left' ) and not ibexa_field_is_empty( content, 'dossier_teaser_right' ) %}
        <hr />
        <div class="row mt-3">
            <div class="col-12 col-md-6 text-center pr-md-2 mb-3">
                <div class="dossier-bg dossier h-100 p-4 mb-3">
                {{ ibexa_render_field(
                    content,
                    'dossier_teaser_left', {"template": _self}
                ) }}
                </div>
            </div>
            <div class="col-12 col-md-6 text-center pl-md-2 mb-3">
                <div class="dossier-bg dossier h-100 p-4">
            {{ ibexa_render_field(
                content,
                'dossier_teaser_right', {"template": _self}
            ) }}
                </div>
            </div>
        </div>
    {% elseif not ibexa_field_is_empty( content, 'dossier_teaser_left' ) %}
        <hr />
        <div class="row mt-3">
            <div class="col-12 text-center pr-md-2 mb-3">
                <div class="dossier-bg1 dossier h-100 p-4 mb-3">
                    {{ ibexa_render_field(
                        content,
                        'dossier_teaser_left', {"template": _self}
                    ) }}
                </div>
            </div>
        </div>
    {% endif %}
    
    {% if not ibexa_field_is_empty( content, 'related_magazin_article' ) or not ibexa_field_is_empty( content, 'related_videos' ) %}
    <hr class="mt-0"/>
    <section class="class-article row mt-4 pt-4 pb-4 d-print-none">

    <div class="col-md-12 mostviewed">
        <h3>Verwandte Themen</h3>
        <div class="row mb-3 mt-3">
            {{ ibexa_render_field(
                content,
                'related_magazin_article', {"template": _self, 'parameters': { 'col': 'col-md-4' }}
            ) }}
        </div>
        <div class="row">
        {{ ibexa_render_field(
            content,
            'related_videos', {"template": _self, 'parameters': { 'col': 'col-md-6' }}
        ) }}
        </div>
    </div>
    </section>
    {% endif %}
{% endblock %}
{% block ezobjectrelationlist_field %}
    {{ include('@ibexadesign/full/_related_content_3cols.html.twig') }}
{% endblock %}
{% block ezobjectrelation_field %}
    {% apply spaceless %}
        {% if not ibexa_field_is_empty( content, field ) %}
            {% if isValidContentId(field.value.destinationContentId) %}
                    {{ render( controller( "ibexa_content:viewAction", {'contentId': field.value.destinationContentId, 'viewType': 'teaser', 'noLayout': 1, "params": { "dossierDesign": true}} ) ) }}
            {% endif %}
        {% endif %}
    {% endapply %}
{% endblock %}