{% if editmode %}
{{ include('alkanbari/_includes/editables_tooltipps.html.twig') }}
{% 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">
{{ pimcore_areablock('panel-12-block1') }}
</div>
</div>
</div>
</section>