{% 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 %}
{% set detailUrl = linkGenerator().generate(author) %}
{% do elements_canonical(detailUrl) %}
{% if author.image %}
{% do elements_opengraph().addImage(author.image) %}
{% endif %}
{% do elements_head_title().setTitle(author.name, true) %}
{% do elements_head_meta().setDescription((author.description), true) %}
{% if not detailUrl is same as(app.request.pathInfo) %}
{% do elements_robots().setNoIndex(true) %}
{% endif %}
{% if author.headerImage %}
<section class="simple-img content-block container-md container--no-padding-xs container">
{% do jsConfig().add('lazyImg', true) %}
<div class="embed-responsive simple-img__embed">
{{ author.headerImage.thumbnail('simple-img').html({
imgAttributes: {
class: 'js-lazy-img embed-responsive-item'
},
lowQualityPlaceholder: true,
}) | raw }}
</div>
</section>
{% endif %}
{# author-intro has h1 #}
{{ include('Magazine/Includes/authorIntro.html.twig', {
author: author
}) }}
<div class="js-ajax-form position-relative content-block" data-ajax-form-submit-on-change="true">
{% do jsConfig().add('ajaxForm', true) %}
<div aria-live="polite">
<div class="container container-md">
<h2 class="h4 font-bold text-primary text-uppercase text-center text-md-left">{{ 'magazine.Weitere Artikel von'|trans }} {{ author.name }}</h2>
<form action="/404"
data-action="{{ app.request.pathInfo }}"
class="js-ajax-form__form"></form>
<div class="js-ajax-form__notifications mb-3" hidden></div>
<div class="js-ajax-form__error-area" hidden>
<button class="js-ajax-form__retry btn btn-info ml-2">{{ 'ajax.Retry'|trans }}</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-md-5 mt-4">
{{ include('Magazine/Includes/articleTeaserGrid.html.twig', {
paginator: paginator,
notRelative: true
}) }}
</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 %}