{% if editmode %}
<div class="edit-box">
<h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
<div class="flex gap-20">
<div class="content flex column gap-20">
<div class="content-box flex gap-20">
<div class="item">
<p class="edit-p">Abstand nach unten wählen:</p>
{{ pimcore_select("MarginBottom", {
"reload": true,
"store": [
["regular", "Normal"],
["half", "1/2"],
["small", "1/4"],
["zero", "kein Abstand"],
],
"defaultValue" : "regular"
}) }}
</div>
</div>
</div>
</div>
</div>
{% endif %}
<section class="downloads download {{ pimcore_select('MarginBottom').getData() }}">
<div class="container">
<div class="content-container">
{% if editmode %}
<h2 class="headline">
{{ pimcore_textarea("headline",{
"nl2br": true,
"height": 100,
"class": "h2 .headline",
"placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
}) }}
</h2>
{% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
<h2 class="headline">{{ pimcore_textarea('headline').getData() | nl2br }}</h2>
{% endif %}
{% if editmode %}
<div style="height: 20px;"></div>
<div class="lead">
<p>Download Objekt hier ablegen:</p>
</div>
{{ pimcore_relation("downloadTeaser", {
"title": "Download Objekte ablegen",
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["Download"]
}) }}
{% else %}
<div class="downloads-teaser flex">
{% if not pimcore_relation("downloadTeaser").isEmpty() %}
<div class="teaser flex space-between">
<div class="images-container">
<a href="{% if pimcore_relation("downloadTeaser").getElement().getPdf() %}{{ pimcore_relation("downloadTeaser").getElement().getPdf() }}{% else %}/assets/pdf/preisliste_stoeckli_2021_web.pdf{% endif %}" target="_blank" class="flex link" title="Download: {{ pimcore_relation("downloadTeaser").getElement().title }}">
<img class="file" src="{{ asset('/assets/images/asset.svg') }}" alt="download" width="31" height="41">
<img class="sign" src="{{ asset('/assets/images/download-sign.svg') }}" alt="download" width="31" height="41">
<p class="label">{{ pimcore_relation("downloadTeaser").getElement().title }}</p>
</a>
</div>
<a href="{% if pimcore_relation("downloadTeaser").getElement().getPdf() %}{{ pimcore_relation("downloadTeaser").getElement().getPdf() }}{% else %}/assets/pdf/preisliste_stoeckli_2021_web.pdf{% endif %}" target="_blank" class="download-link flex center" title="Download: {{ pimcore_relation("downloadTeaser").getElement().title }}">
<img src="{{ asset('assets/images/arrows/redArrow.svg') }}" alt="download" width="20" height="24">
</a>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</section>