{% set navLinkImageAsset = document.getProperty('navLinkImageAsset') %}
{% set navLinkDocument = document.getProperty('navLinkDocument') %}
{% set navLinkTitle = document.getProperty('navLinkTitle') %}
{% set navLinkOk = true %}
{% set imageThumbnail = null %}
{% if navLinkImageAsset is null or (navLinkImageAsset is not instanceof('\\Pimcore\\Model\\Asset\\Image')) %}
{% set navLinkOk = false %}
{% endif %}
{% if navLinkDocument is null or (navLinkDocument is not instanceof('\\Pimcore\\Model\\Document\\Page')) %}
{% set navLinkOk = false %}
{% endif %}
{% if navLinkTitle is empty %}
{% set navLinkOk = false %}
{% endif %}
{% set emptyNavigation = document.getProperty('emptyNavigation') %}
{% set emptyNavigationSlogan = document.getProperty('emptyNavigationSlogan') %}
<div class="col xs-12 navigation-cell">
<div id="overlay-navigation" class="flex-col box-align-center navigation nav-overlay /">
<div class="xs-12 nav-overlay-main">
<div class="flex-col box-align-center">
<div class="xs-12 close-icon-cell">
<div class="close-icon-container">
<div id="close-icon" class="close-overlay-navigation">
<span class="icon close"></span>
</div>
</div>
</div>
</div>
</div>
<div class="xs-12 flex-col main-navigation-cell">
<nav class="main-navigation">
{% if emptyNavigation %}
<ul class="nav-list nav-list_empty">
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
<li class="active level-0">
<a id="pimcore-navigation-renderer-menu-913" class="homepage-logo main active mainactive" href="/de">Startseite</a>
</li>
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
<li class="level-0 has-children"></li>
</ul>
{% else %}
{{ pimcore_render_nav(pimcore_build_nav(document, pimcore_document(navigationStartId)), 'menu', 'renderMenu', {
maxDepth: 1,
ulClass: 'nav-list',
activeClass: 'active'
}) }}
{% endif %}
{% if navLinkOk %}
<div class="nav-link-wrapper">
<a href="{{ navLinkDocument.getFullPath() }}" aria-label="{{ navLinkTitle }}">{{ navLinkImageAsset.getThumbnail('nav-link-image').getHtml() | raw }}</a>
</div>
{% endif %}
{% if document.getProperty("hasShopFunctionality") %}
<ul class="shop-icons">
<li class="shop-icons-item">
{% if app.user %}
<a href="{{ pimcore_url({},"acc_index") }}">
<span class="icon user"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="{{ pimcore_url({},"acc_index") }}">
{{ 'My Account' |trans }}
</a>
</li>
<li>
<a href="{{ pimcore_url({},"logout") }}">
{{ 'Logout' |trans }}
</a>
</li>
</ul>
{% else %}
<a href="{{ pimcore_url({},"login") }}">
<span class="icon user">login</span>
</a>
{% endif %}
</li>
<li class="shop-icons-item">
{% if enabledWebsiteFeatures is defined and enabledWebsiteFeatures['sidebarCart'] is defined and enabledWebsiteFeatures['sidebarCart'] == true %}
<a class="js-open-sidebar-cart" href="javascript:void(0)"><span class="icon basket"><span class="badge">{{ cartItemCount }}</span></span></a>
{% else %}
<a href="{{ pimcore_url({}, "shopHandlerCart") }}"><span class="icon basket"><span class="badge">{{ cartItemCount }}</span></span></a>
{% endif %}
</li>
</ul>
{% endif %}
{% if contactPageUrl is defined and contactPageUrl is not empty %}
<div class="navContact-wrap">
<a class="navContact-link" href="{{ contactPageUrl }}">
<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/>
<path fill="#ffffff" d="M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z"/>
</svg>
</a>
</div>
{% endif %}
</nav>
</div>
</div>
</div>
<div class="col xs-12 burger-icon-cell multi-lang">
<div class="burger-icon-container">
{% if emptyNavigation %}
<span style="width:26px;height:20px"> </span>
{% else %}
<span id="burger-icon" class="icon burger">
</span>{% endif %}
<div class="logo">
{% if language == 'de' %}
{# TODO: für Pagespeed alles auf asset umbauen #}
<a href="/{{ language }}">
{{ include('Includes/brandLogo.html.twig') }}
</a>
{% else %}
<a href="/{{ language }}" aria-label="{{ defaulAltName |trans }}">
{% set assetPath = '/static/' ~ bundleName ~ '/img/logo' ~ (language == 'de' ? '' : '-' ~ (language | lower)) ~ '/logo.svg' %}
<img alt="" src="{{ asset(assetPath) }}"/>
</a>
{% endif %}
</div>
<div class="basket-icon-mobile flex-col">
{% if document.getProperty("hasShopFunctionality") %}
{% if app.user %}
<a href="{{ pimcore_url({},"acc_index")}}">
<span class="icon user"></span>
</a>
{% else %}
<a href="{{ pimcore_url({}, "login") }}">
<span class="icon user">login</span>
</a>
{% endif %}
<a class="js-open-sidebar-cart" href="javascript:void(0)">
<span class="icon basket"><span class="badge">{{ cartItemCount }}</span></span>
</a>
{% endif %}
</div>
</div>
{% if contactPageUrl is defined and contactPageUrl is not empty %}
<div class="navContact-wrap_mobile">
<a class="navContact-link_mobile" href="{{ contactPageUrl }}">
<svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" fill="none"/>
<path fill="#ffffff" d="M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z"/>
</svg>
</a>
</div>
{% endif %}
</div>