{% set spacingSelect %}
{{ pimcore_checkbox("checkSpacing", {
"reload": true
}) }}
{% endset %}
{% set noSpacingTop = '' %}
{% set brickAnchorId = '' %}
{% if pimcore_checkbox('checkSpacing').isChecked() %}
{% set noSpacingTop = 'no-offset-top' %}
{% endif %}
{% set UID = uniqid() %}
{% if pimcore_input("brickAnchorIdInput") is not empty %}
{% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
{% endif %}
{% if editmode %}
<div class="flex-col offset-bottom-single">
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
{{ pimcore_input("brickAnchorIdInput") }}
</div>
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ 'Kein Abstand nach oben?' |trans }}
</div>
{{ spacingSelect }}
</div>
</div>
</div>
{% endif %}
<div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
<div id="{{ 'uid' ~ UID |raw }}" class="background-image single-image">
<div class="image">
{% if pimcore_image("backgroundImage").isEmpty() and editmode %}
<span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span>
{% endif %}
{{ pimcore_image("backgroundImage", {
"title": "Drag your image here",
"thumbnail": "backgroundImage" ~ bundleName,
"reload": true
}) }}
</div>
</div>
</div>