<header class="header">
	<a href="/">
		<img src="/static/images/logo.svg" class="header__logo" alt="Logo">
	</a>
	<div class="container">
		<div class="grid grid-cols-12">
			<div class="col-span-12">
				<button class="menu-trigger hamburger hamburger--squeeze">
					<div class="hamburger__box">
						<div class="hamburger__inner"></div>
					</div>
				</button>
				<nav class="main-nav" role="navigation" aria-label="Hlavní navigace">
					<ul class="main-nav__list">
						{#% set mainNavCache = pimcore_cache(mainNavCacheKey) %}
						{% if not isFrontendRequestByAdmin and not mainNavCache.start() %}
							{% set mainNav = get_main_navigation(rootDocument) %}
							
							{% for item in mainNav %}
								<li{% if  %} {{ ' class="active"' }} {% endif %}>
									<a class="nav-link" title="{{ item.getProperty('navigation_name') }}" target="_self" href="{{ doc_url(item.getFullPath()) }}">
										{{ item.getProperty('navigation_name') }}
									</a>
								</li>
								<li class="main-nav__item {{ doc_is_active(item.getId()) ? 'main-nav__item--active' }}">
									<a class="main-nav__link" href="{{ doc_url(item.getFullPath()) }}" title="{{ item.getProperty('navigation_name') }}" target="{{ item.getProperty('navigation_target') ?: '_self' }}">
										{{ item.getProperty('navigation_name') }}
									</a>
								</li>
							{% endfor %}
							{% do mainNavCache.end() %}
						{% endif %#}

						<li class="main-nav__item">
							<a class="main-nav__link" href="/" title="" target="_self">Úvod</a>
						</li>
						<li class="main-nav__item">
							<a class="main-nav__link" href="/" title="" target="_self">O nás</a>
						</li>
						<li class="main-nav__item dropdown">
							<a class="main-nav__link dropdown__trig" href="/" onclick="return false;" title="" target="_self" data-dropdown="menu-dropdown">Služby▾</a>

							<div class="dropdown__menu" id="menu-dropdown">
								<div class="dropdown__menu-inner">
									<div class="dropdown-nav">
										<ul class="dropdown-nav__list">
											<li class="dropdown-nav__item">
												<a class="dropdown-nav__link" href="/" title="" target="_self">Služba 1</a>
											</li>
											<li class="dropdown-nav__item">
												<a class="dropdown-nav__link" href="/" title="" target="_self">Služba 2</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="main-nav__item">
							<a class="main-nav__link"href="/" title="" target="_self">Kontakt</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
</header>