{% extends "Layout/default.html.twig" %}
{% do pimcore_placeholder('magazine').set('true') %}
{% block mainContainerStyling %}main-content--spacing{% endblock %}
{% block navigation %}
{{ include('Navigation/magazine-navbar.html.twig') }}
{% endblock %}
{% block content %}
{{ include('Includes/main-title-block.html.twig', {
'title': category|default(false) ? category.name : 'magazin.Suche'|trans,
'subtitle': app.request.get('nav-search', false) ? '"' ~ app.request.get('nav-search', false) ~'"' : false,
'isCentered': true
}) }}
<div class="js-ajax-form position-relative pt-3" data-ajax-form-submit-on-change="true">
{% 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>
{% endblock %}
{% block javascripts %}
{% if not app.request.get('onlyInlineCss') %}
{{ include('Layout/includes/encore.html.twig', {
'staticDebugMode': staticDebugMode,
'file': 'js/magazine'
}) }}
{% endif %}
{% endblock %}