{% extends 'layouts/default.html.twig' %}
{% block content %}
{% if editmode %}
<div class="admin-container admin-container--limited-width">
<div class="admin-container__section">
<span class="admin-container__title">{{ 'brick.intro.title'|trans({}, 'admin') }}</span>
</div>
<div class="admin-container__configurations">
<div class="admin-config-item">
<span class="admin-config-item__label">{{ 'brick.intro.option.documents'|trans({}, 'admin') }}:</span>
{{
pimcore_relations('intro-items', {
types: ['document'],
subtypes: {
document: ['page']
}
})
}}
</div>
</div>
</div>
{% endif %}
{% if introItems is not empty %}
<div class="intro">
<div class="intro__wrapper">
<div class="intro__items">
{% for item in introItems %}
<div class="intro__item" data-idx="0">
<div class="intro__background">
{{ item.image|raw }}
</div>
<div class="intro__content">
<span class="intro__title">
{{ item.title }}
</span>
<div class="intro__text">
<p>
{{ item.content }}
</p>
</div>
<a href="{{ item.link }}" class="button button--default">{{ 'content.read-more'|trans }}</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% include 'includes/areabrick.html.twig' with {'id': 'sections', 'controlsAlign': 'top' } %}
{% endblock content %}