{% 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_title' ) %}
    <div class="text-wrapper mw-default text-white">
        <h2 class="text-white text-left mt-5">{{ ibexa_field_value(content, 'short_title') }}</h2>
    </div>
{% endif %}
{% endblock %}

{% block content %}
<div class="ce-text m-default mw-default">
    <h1 class="mw-default text-center mt-5">
        <span class="fs-6 d-block mb-1 fw-normal">{{ ibexa_field_value(content,'publish_date')|format_datetime( 'long', 'none', locale='de' ) }}</span>
        {{ ibexa_field_value(content, 'title') }}
    </h1>
    {{ ibexa_render_field(content, 'body') }}
</div>
{% endblock %}