{% 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="zitat {{ pimcore_select('MarginBottom').getData() }}">
{% if editmode %}
<div class="container" style="height: 200px;">
{{ pimcore_relation("Image",{
"types": ["asset"],
"subtypes": {
"asset": ["image"]
}
}) }}
</div>
{% elseif not editmode and not pimcore_relation("Image").isEmpty() %}
{{ pimcore_relation("Image").getElement().thumbnail('Zitat').html | raw }}
{% endif %}
<div class="container big">
{% if editmode %}
<p class="zitat-headline">
{{ pimcore_textarea("headline",{
"nl2br": true,
"height": 150,
"class": "zitat-headline",
"placeholder": "Entsorgung ist mehr als ein Arbeitseinsatz. Es ist eine Mission – Im Dienst unserer Kunden und der Umwelt."
}) }}
</p>
{% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
<p class="zitat-headline">{{ pimcore_textarea('headline').getData() | nl2br }}</p>
{% endif %}
{% if editmode %}
<p class="legend" style="margin-bottom: 0;">
{{ pimcore_textarea("legend",{
"nl2br": true,
"height": 30,
"class": "legend",
"placeholder": "Pascal Weber, Chauffeur"
}) }}
</p>
{% elseif not editmode and not pimcore_textarea('legend').isEmpty() %}
<p class="legend">{{ pimcore_textarea('legend').getData() | nl2br }}</p>
{% endif %}
</div>
</section>