{% extends 'muoservice_homepage.html.twig' %}
{% set teaserLength = constant('NEWSBLOG_TEASER_LENGTH') %}
{% block main_content %}
<div class="banner">
{% if editmode %}
<div class="pim-tooltip" style="position:absolute; z-index:10; max-width:250px; top:1rem; bottom:0; left:auto; right:.5rem;">
<div class="tooltip-description">
Wählen Sie aus den Assets je ein Bild für mobile und Desktop-Darstellung
</div>
<div class="tooltipp-options">
<div class="row">
<div class="col-12">
<div>Desktop-Darstellung:</div>
{{ pimcore_image("banner-img-desktop", {"height":"150","reload":true}) }}
</div>
<div class="col-12">
<div>Mobile Darstellung:</div>
{{ pimcore_image("banner-img-mobile", {"height":"150","reload":true}) }}
</div>
</div>
</div>
</div>
{% endif %}
<div class="headline-border scroll-animated-inverted">
<h2 class="headline" style="min-height:1rem;">{{ pimcore_input('banner-headline') }}</h2>
<div class="headline-arrow">
<svg style="width:50px; height:40px;"><polygon points="0,0 50,0 25,18 " style="fill:#ffd700; stroke:0; stroke-width:1"></polygon></svg>
</div>
</div>
{% if pimcore_image("banner-img-mobile").getSrc() != '' %}
<img src="{{ pimcore_image("banner-img-mobile").getSrc() }}" alt="{{ siteConfig.getWebsiteName }} Titelbild" class="d-block d-lg-none" />
{% endif %}
{% if pimcore_image("banner-img-desktop").getSrc() != '' %}
<img src="{{ pimcore_image("banner-img-desktop").getSrc() }}" alt="{{ siteConfig.getWebsiteName }} Titelbild" class="d-none d-lg-block" />
{% endif %}
</div>
{% set contentBlockTop = pimcore_block('contentblock1') %}
{% for i in pimcore_block('contentblock1').iterator %}
{% if editmode %}
{{ pimcore_select('blocktype', {
"store": [
["panel-12", "1-spaltig"],
["panel-6-6", "2-spaltig"],
["panel-4-4-4", "3-spaltig"],
["panel-3-3-3-3", "4-spaltig"],
["panel-6-columns", "6-spaltig"],
["slider-gallery", "Bildergalerie"],
["horizontal-line", "Horizontale Linie"]
],
"defaultValue": "panel-12",
"width": 300,
"reload": true
}) }}
{% endif %}
{% if not pimcore_select('blocktype').isEmpty() %}
{{ include('muoservice/includes/content-blocks/' ~ pimcore_select('blocktype').getData() ~ '.html.twig') }}
{% endif %}
{% endfor %}
{% endblock %}