{# @var pageinfo \App\Controller\Base #}
<nav class="navbar navbar-expand-md navbar-static ms-navbar ms-navbar-dark">
<div class="container container-full">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<!-- <span class="ms-logo ms-logo-sm"><img src="/assets/custom/img/kascv_logo_white_50_notext.png"></span> -->
<img src="/assets/custom/img/kascv_logo_white_50_notext.png" style="height: 40px; margin-right: 0px">
<span class="ms-title ms-title-scroll"><b>KULTURA</b>A<b>SPORT</b>CHOMUTOV</span>
</a>
</div>
<div class="collapse navbar-collapse" id="ms-navbar">
<ul class="navbar-nav">
{% for item in pageinfo.navbar.items %}
{% if item.onlySlidebar == false %}
{% set active = item.active ? ' active' : '' %}
{% if item.items|length > 0 and item.isSecondLevel == false %}
<li class="nav-item dropdown {{ active }} onscroll-hide">
<a href="javascript:void(0)" class="nav-link dropdown-toggle animated"
data-toggle="dropdown"
data-hover="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">{{ item.name }} <i class="zmdi zmdi-chevron-down"></i></a>
<ul class="dropdown-menu">
{% for subitem in item.items %}
{% if subitem.name != '' and subitem.link == '' %}
<li class="dropdown-header">{{ subitem.name }}</li>
{% elseif subitem.name != '' %}
{% set active = subitem.active ? ' page-active' : '' %}
<li class="{{ active }}"><a class="dropdown-item nav-link"
href="{{ subitem.link }}">{{ subitem.name }}</a>
</li>
{% else %}
<li role="separator" class="dropdown-divider"></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% else %}
{% set target = item.name == 'Soutěž' ? '' : '' %}
<li class="nav-item dropdown {{ active }} onscroll-hide">
<a href="{{ item.link }}" class="nav-link dropdown-toggle" {{ target }}
data-hover="dropdown"
role="button">{{ item.name }}</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
{% for item in pageinfo.navbarOnScroll.items %}
{% if item.onlySlidebar == false %}
{% set active = item.active ? ' active' : '' %}
{% if item.items|length > 0 and item.isSecondLevel == false %}
<li class="nav-item dropdown {{ active }} onscroll-show">
<a href="javascript:void(0)" class="nav-link dropdown-toggle animated"
data-toggle="dropdown"
data-hover="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">{{ item.name }} <i class="zmdi zmdi-chevron-down"></i></a>
<ul class="dropdown-menu">
{% for subitem in item.items %}
{% if subitem.name != '' and subitem.link == '' %}
<li class="dropdown-header">{{ subitem.name }}</li>
{% elseif subitem.name != '' %}
{% set active = subitem.active ? ' page-active' : '' %}
<li class="{{ active }}"><a class="dropdown-item nav-link"
href="{{ subitem.link }}">{{ subitem.name }}</a>
</li>
{% else %}
<li role="separator" class="dropdown-divider"></li>
{% endif %}
{% endfor %}
</ul>
</li>
{% else %}
{% set target = item.name == 'Soutěž' ? '' : '' %}
<li class="nav-item dropdown {{ active }} onscroll-show">
<a href="{{ item.link }}" class="nav-link dropdown-toggle" {{ target }}
data-hover="dropdown"
role="button">{{ item.name }}</a>
</li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div>
<a href="javascript:void(0)" class="ms-toggle-left btn-navbar-menu"><i class="zmdi zmdi-menu"></i></a>
</div> <!-- container -->
</nav>