{% if editmode %}
{{ include('alkanbari/_includes/editables_tooltipps.html.twig') }}
<div class="pim-tooltip">
<div class="row">
<div class="col-3">
<div class="tooltip-description">
Aufteilung der Spalten:
</div>
<div class="tooltipp-options">
{{ pimcore_select("columns-layout", {
"store" : [
['col-lg-6;col-lg-6', '50:50 Aufteilung'],
['col-lg-4;col-lg-8', '30:70 Aufteilung'],
['col-lg-8;col-lg-4', '70:30 Aufteilung']
],
"defaultValue" : "col-lg-6;col-lg-6",
"reload" : true
}) }}
</div>
</div>
</div>
</div>
{% endif %}
{% if pimcore_select("columns-layout").getData() != '' %}
{% set columnsLayout = pimcore_select("columns-layout").getData() %}
{% set columns = (columnsLayout) ? columnsLayout|split(';') : ['',''] %}
{% endif %}
{% set bgColor = pimcore_select('set-bg-color').getData ? pimcore_select('set-bg-color').getData : '' %}
{% set bgImage = pimcore_relation('set-bg-image').getElement() is instanceof('\\Pimcore\\Model\\Asset') ? 'background-image:url(https://'~config.websiteDomain~pimcore_relation('set-bg-image').getElement()~')' : '' %}
{% set paddingTop = pimcore_select("set-pt").getData ? pimcore_select("set-pt").getData : '' %}
{% set paddingBottom = pimcore_select("set-pb").getData ? pimcore_select("set-pb").getData : '' %}
{% set scrollEffect = pimcore_select("set-effect").getData ? pimcore_select("set-effect").getData : '' %}
{% set isAnimated = (scrollEffect != '') ? 'animated' : '' %}
<section class="section-padding {{bgColor}} {{paddingTop}} {{paddingBottom}}" style="{{bgImage}}">
{% if pimcore_select("panel-container-status").getData != '' %}
<div class="{{pimcore_select('panel-container-status').getData ? pimcore_select('panel-container-status').getData : 'container-fluid'}}">
{% endif %}
<div class="row {{isAnimated}}" data-animation="{{(scrollEffect) ? scrollEffect : ''}}">
<div class="col-12 {{ (columns.0 is defined) ? columns.0 : '' }}">
{{ pimcore_areablock('panel-6-block1') }}
</div>
<div class="col-12 {{ (columns.1 is defined) ? columns.1 : '' }}">
{{ pimcore_areablock('panel-6-block2') }}
</div>
</div>
</div>
</section>