{% set mainMenuItems = get_main_menu(app.request.locale) %}
{% set settings = get_settings_data() %}
<header>
<div class="upper-nav parent-container position-relative" id="upper-nav">
<a href="{{ settings.appIcon|default('#') }}" class="app">
<img src="{{ asset('assets/img/white-phone-app-icon.svg') }}" alt="">
<span>app</span>
</a>
{% if settings.anchors.top.bar|default('') != '' %}
<a href="{{ settings.anchors.top.bar|default('#') }}">
{{ settings.text.top.bar|default('Najzdrowszy catering dietetyczny w Polsce')|raw }}
</a>
{% else %}
<a href="{{ settings.anchors.top.bar|default('#') }}" style="cursor: text;">
{{ settings.text.top.bar|default('Najzdrowszy catering dietetyczny w Polsce')|raw }}
</a>
{% endif %}
</div>
<nav class="container-fluid parent-container">
<div class="row h-100">
<div class="col-lg-auto col-6 nav-logo">
<a href="/"><img src="{{ (asset('assets/img/logo.png'))|imagine_filter('full') }}" alt=""></a>
{# <a href="/"><img src="{{ (asset('assets/img/logo-swieta.png')) }}" alt=""></a>#}
</div>
<div class="menu-container col">
<ul class="col menu-list">
{% for mainMenuItem in mainMenuItems %}
{% if mainMenuItem.subpositions is defined %}
<li class="dropdown nav-item">
<a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
{{ mainMenuItem.title|default() }}
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
{% for subPosition in mainMenuItem.subpositions %}
{% set anchorUrl = subPosition.url is not empty ? subPosition.url : subPosition.customUrl %}
<li>
<a class="dropdown-item" href="{{ anchorUrl|default('#') }}">{{ subPosition.title|default }}</a>
</li>
{% endfor %}
</ul>
</li>
{% else %}
{% set anchorUrl = mainMenuItem.url is not empty ? mainMenuItem.url : mainMenuItem.customUrl %}
<li class="nav-item">
{% if "http" in anchorUrl %}
<a href="{{ anchorUrl|default('#') }}" rel="nofollow">{{ mainMenuItem.title|default }}</a>
{% else %}
<a href="{{ anchorUrl|default('#') }}">{{ mainMenuItem.title|default }}</a>
{% endif %}
</li>
{% endif %}
{% endfor %}
<li class="menu-components pe-0">
<div class="login">
<a href="{{ settings.logInIcon|default('#') }}">
<img src="{{ asset('assets/img/login.svg') }}" alt="">
<p>zaloguj siÄ™</p>
</a>
</div>
<a href="{{ settings.orderIcon|default('#') }}" rel="nofollow" class="btn btn-primary btn-sm">zamawiam</a>
</li>
</ul>
</div>
<div id="burger-container" class="burger-container col-auto">
<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
<span>
</span>
<span>
</span>
<span>
</span>
<span>
</span>
</button>
</div>
</div>
</nav>
</header>