{% if editmode %}
{{ include('_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|split(';') %}
{% endif %}
{% set bgColor = pimcore_select('set-bg-color').getData ? pimcore_select('set-bg-color').getData : '' %}
{% set vSpace = pimcore_select("set-vspace").getData ? pimcore_select("set-vspace").getData : '' %}
{% set scrollEffect = pimcore_select("set-effect").getData ? pimcore_select("set-effect").getData : '' %}
{% set isAnimated = (scrollEffect != '') ? 'animated' : '' %}
{% if pimcore_checkbox("set-as-section").isChecked %}
<section class="section-padding {{bgColor}} {{vSpace}} {{isAnimated}}" data-animation="{{(scrollEffect) ? scrollEffect : ''}}">
{% endif %}
{% if pimcore_select("panel-container-status").getData != '' %}
<div class="{{ pimcore_select("panel-container-status").getData == 'container-fluid' ? 'container-fluid' : 'container' }}">
{% endif %}
{% if pimcore_checkbox("set-as-section").isChecked %}
<h2 class="section-header">{{ pimcore_input('section-header') }}</h2>
<br />
{% endif %}
<div class="row">
<div class="col-12 {{ columns.0 }}">
{{ pimcore_areablock('panel-6-block1') }}
</div>
<div class="col-12 {{ columns.1 }}">
{{ pimcore_areablock('panel-6-block2') }}
</div>
</div>
</div>
{% if pimcore_checkbox("set-as-section").isChecked %}
</section>
{% endif %}