{% extends 'alkanbari_document.html.twig' %}
{% block main_content %}
{% set bgImgDesktop = pimcore_relation('banner-image').getFullPath() ? pimcore_relation('banner-image').getFullPath() : '' %}
{% set bgImgMobile = pimcore_relation('banner-mobile-image').getFullPath() ? pimcore_relation('banner-mobile-image').getFullPath() : '' %}
<section class="section banner-section page-banner" id="start">
<div class="banner-border">
<img class="d-none d-lg-block" src="{{ bgImgDesktop }}" loading="lazy" /><img class="d-block d-lg-none" src="{{ bgImgMobile }}" loading="lazy" />
<h2 class="banner-header">{{ pimcore_input('banner-headline', {"placeholder":"Willkommen"}) }}</h2>
<div class="banner-subheader">
<h3 class="header-line">
<span>{{ pimcore_input('banner-subheadline-1', {"placeholder":"bei Alkanbari"}) }}</span>
</h3>
<h3 class="header-line">
<span class="{% if not editmode and pimcore_input('banner-subheadline-2').getData()=='' %}bg-transparent{% endif %}">{{ pimcore_input('banner-subheadline-2', {"placeholder":"Polstereifachbetrieb"}) }}</span>
</h3>
</div>
</div>
</section>
{% if editmode %}
<div class="pim-tooltip">
<div>
Banner für Desktop:<br />
{{ pimcore_relation('banner-image', {
"reload" : true
}) }}
</div>
<div>
Banner für Mobiles:<br />
{{ pimcore_relation('banner-mobile-image', {
"reload" : true
}) }}
</div>
</div>
{% endif %}
{% set contentBlock1 = pimcore_block('contentblock1') %}
{% for i in pimcore_block('contentblock1').iterator %}
{% if editmode %}
{{ pimcore_select('blocktype', {
"store": [
["panel-12", "1-spaltiges Layout"],
["panel-6-6", "2-spaltiges Layout"],
["panel-4-4-4", "3-spaltiges Layout"],
["panel-3-3-3-3", "4-spaltiges Layout"],
["horizontal-line", "Horizontale Trennlinie"],
["panel-contact", "Kontaktformular"],
],
"defaultValue": "panel-12",
"width": 300,
"reload": true
}) }}
{% endif %}
{% if not pimcore_select('blocktype').isEmpty() %}
{{ include('alkanbari/_includes/content-blocks/' ~ pimcore_select('blocktype').getData() ~ '.html.twig') }}
{% endif %}
{% endfor %}
{% endblock %}