{% extends "Layout/default.html.twig" %}
{% do pimcore_placeholder('magazine').set('true') %}
{% block mainContainerStyling %}main-content--no-hero{% endblock %}
{% block navigation %}
{{ include('Navigation/magazine-navbar.html.twig') }}
{% endblock %}
{% block content %}
{% if editmode %}
<div class="editmode-box editmode-box--info">
<div class="editmode-box__header">
Settings
</div>
<div>
<label>
Blog Theme
</label>
{{ pimcore_relation('blogTheme', {'types': ['object'], 'subtypes': ['object'], 'classes': ['BlogTheme']}) }}
</div>
<div>
<label>
Main Article
</label>
{{ pimcore_relation('mainArticle', {'types': ['object'], 'subtypes': ['object'], 'classes': ['BlogArticle']}) }}
</div>
</div>
{% endif %}
{% if not pimcore_relation('mainArticle').empty %}
{{ include('Magazine/Includes/heroTopic.html.twig', {
'article': pimcore_relation('mainArticle').element
}) }}
{% endif %}
{{ include('Includes/main-title-block-editable.html.twig', {
'isCentered': true
}) }}
{{ include('Includes/areablock.html.twig') }}
<div class="js-ajax-form position-relative">
{% do jsConfig().add('ajaxForm', true) %}
<div aria-live="polite">
<div class="container container-md">
<form action="/404"
data-action="{{ app.request.pathInfo }}"
class="js-ajax-form__form content-block">
</form>
<div class="js-ajax-form__notifications mb-3" hidden></div>
<div class="js-ajax-form__error-area mb-3" hidden>
<button class="js-ajax-form__retry btn btn-info ml-2">Retry</button>
</div>
</div>
<div class="container container-md">
{{ include('Includes/loading-overlay.html.twig', {styleModifier: 'js-ajax-form__loading'}) }}
<div class="js-ajax-form__result mt-5">
{{ include('Magazine/Includes/articleTeaserGrid.html.twig', {'paginator': paginator})}}
</div>
</div>
</div>
</div>
{{ include('Includes/areablock.html.twig', {'areaName': 'bottom'}) }}
{% endblock %}
{% block regionSlide %}
<aside class="content-block">
{{ include('Magazine/Includes/subscribe.html.twig') }}
{% if not document.property('hideRegionSlide') %}
{{ include('Includes/regionSlide.html.twig') }}
{% endif %}
</aside>
{% endblock %}
{% block javascripts %}
{% if not app.request.get('onlyInlineCss') %}
{{ include('Layout/includes/encore.html.twig', {
'staticDebugMode': staticDebugMode,
'file': 'js/magazine'
}) }}
{% endif %}
{% endblock %}