{% set siteConfig = getSiteConfig() %}
{% set microSiteConfig = siteConfig is instanceof('\\Pimcore\\Model\\DataObject\\MicroSiteConfig') ? siteConfig : null %}
{% set polygonImage = siteConfig.polygonImage %}
{% set bgImageSrc = polygonImage ? polygonImage.thumbnail('sustainability-area-bg').getAsFormat("webp") : null %}
{% set bgImageSrcMobile = polygonImage ? polygonImage.thumbnail('sustainability-area-bg-xs').getAsFormat("webp") : null %}
<div class="main-navbar__overlay main-navbar__overlay--polygon-bg js-nav__overlay js-render-template remove-initial-transition"
id="main-navbar-nav" aria-hidden="true"
style='background-image: url("{{ bgImageSrc }}"); --image-src: url("{{ bgImageSrc }}"); --image-src-xs: url("{{ bgImageSrcMobile }}");'
>
<template class="js-render-template__template">
<div class="main-navbar__overlay-container container">
<div class="js-nav__overlay-wrapper main-navbar__overlay-wrapper">
{% if document.getProperty('navigationRoot') %}
{% set mainNavigation = getMainNavigation(document, document.getProperty('navigationRoot')) %}
{{ pimcore_nav_renderer('menu', 'render').renderPartial(mainNavigation, 'navigation/partials/nav-list.html.twig')|raw }}
{% endif %}
</div>
{{ include('navigation/partials/console-links.html.twig') }}
<div class="footer-additional--main-navbar">
{{ include('snippets/partials/footer-additional.html.twig', { 'isInNav': true }, with_context = false) }}
{% if microSiteConfig and microSiteConfig.name == 'alpineCrossing' %}
<div class="main-navbar__dropdown dropdown main-navbar__dropdown--mobile">
<button type="button" data-bs-toggle="dropdown" aria-expanded="false"
class="btn btn-no-styling main-navbar__language-switch dropdown-toggle">
{{ app.request.locale }}
</button>
{% set languageLinks = getLanguageNavigation(document) %}
<ul class="dropdown-menu">
{% for link, lang in languageLinks %}
<li>
<a class="dropdown-item" href="{{ link }}">
{{ lang.text|trans }}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
</div>
</template>
</div>