{% set navPanelText1 = pimcore_input('navPanelText1', {
"placeholder":"Überschrift 1"
}) %}
{% set navPanelBlock1 = pimcore_block('navPanelBlock1') %}
{% set navPanelText2 = pimcore_input('navPanelText2', {
"placeholder":"Überschrift 2"
}) %}
{% set navPanelBlock2 = pimcore_block('navPanelBlock2') %}
{% set navPanelText3 = pimcore_input('navPanelText3', {
"placeholder":"Überschrift 3"
}) %}
{% set navPanelBlock3 = pimcore_block('navPanelBlock3') %}
{% set navPanelText4 = pimcore_input('navPanelText4', {
"placeholder":"Überschrift 4"
}) %}
{% set navPanelBlock4 = pimcore_block('navPanelBlock4') %}
<div class="l-navigation__level-1 js-l-navigation__level-1">
<div class="l-navigation__close js-l-navigation__close"></div>
{# Render content #}
{# {{dump(_context)}} #}
<div class="container">
<div class="row">
<div class="col">
<div class="l-navigation__panel-text">
{{ navPanelText1 | raw }}
</div>
<ul class="l-navigation__panel-links">
{% for i in navPanelBlock1.iterator %}
{% set navPanelBlock1Image = pimcore_image('navPanelBlock1Image',{'width': 100, 'height': 100}) %}
{% set navPanelBlock1Link = pimcore_link('navPanelBlock1Link') %}
{% if editmode %}
{{ navPanelBlock1Link | raw }}
{{ navPanelBlock1Image | raw }}
{% endif %}
{% if not editmode and navPanelBlock1Link.getHref() != '' and navPanelBlock1Image.getImage() != null %}
<li>
<a href="{{ navPanelBlock1Link.getHref() }}" target="{{ navPanelBlock1Link.getTarget() }}">
{{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), navPanelBlock1Image.getImage()) | raw }}
{{ navPanelBlock1Link.text | raw }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
<div class="l-navigation__panel-text">
{{ navPanelText2 | raw }}
</div>
<ul class="l-navigation__panel-links">
{% for i in navPanelBlock2.iterator %}
{% set navPanelBlock2Image = pimcore_image('navPanelBlock2Image',{'width': 100, 'height': 100}) %}
{% set navPanelBlock2Link = pimcore_link('navPanelBlock2Link') %}
{% if editmode %}
{{ navPanelBlock2Link | raw }}
{{ navPanelBlock2Image | raw }}
{% endif %}
{% if not editmode and navPanelBlock2Link.getHref() != '' and navPanelBlock2Image.getImage() != null %}
<li>
<a href="{{ navPanelBlock2Link.getHref() }}" target="{{ navPanelBlock2Link.getTarget() }}">
{{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), navPanelBlock2Image.getImage()) | raw }}
{{ navPanelBlock2Link.text | raw }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
<div class="l-navigation__panel-text">
{{ navPanelText3 | raw }}
</div>
<ul class="l-navigation__panel-links">
{% for i in navPanelBlock3.iterator %}
{% set navPanelBlock3Image = pimcore_image('navPanelBlock3Image',{'width': 100, 'height': 100}) %}
{% set navPanelBlock3Link = pimcore_link('navPanelBlock3Link') %}
{% if editmode %}
{{ navPanelBlock3Link | raw }}
{{ navPanelBlock3Image | raw }}
{% endif %}
{% if not editmode and navPanelBlock3Link.getHref() != '' and navPanelBlock3Image.getImage() != null %}
{% set user = get_full_name() %}
<li>
<a href="{{ navPanelBlock3Link.getHref() }}" target="{{ navPanelBlock3Link.getTarget() }}" {% if document.getProperty('isBms') is defined and document.getProperty('isBms') == true %} {% else %}{% if user == false %}class="locked"{% else %}class="unlocked"{% endif %}{% endif %}>
{{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), navPanelBlock3Image.getImage()) | raw }}
{{ navPanelBlock3Link.text | raw }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
<div class="l-navigation__panel-text">
{{ navPanelText4 | raw }}
</div>
<ul class="l-navigation__panel-links">
{% for i in navPanelBlock4.iterator %}
{% set navPanelBlock4Image = pimcore_image('navPanelBlock4Image',{'width': 100, 'height': 100}) %}
{% set navPanelBlock4Link = pimcore_link('navPanelBlock4Link') %}
{% if editmode %}
{{ navPanelBlock4Link | raw }}
{{ navPanelBlock4Image | raw }}
{% endif %}
{% if not editmode and navPanelBlock4Link.getHref() != '' and navPanelBlock4Image.getImage() != null %}
<li>
<a href="{{ navPanelBlock4Link.getHref() }}" target="{{ navPanelBlock4Link.getTarget() }}">
{{ convert_svg_to_code(app.request.getSchemeAndHttpHost(), navPanelBlock4Image.getImage()) | raw }}
{{ navPanelBlock4Link.text | raw }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>