<!-- Header Section Start -->
<div class="header-section section bg-white d-none d-xl-block">
<div class="container">
<div class="row row-cols-lg-3 align-items-center">
<!-- Header Language & Currency Start -->
<div class="col">
</div>
<!-- Header Language & Currency End -->
<!-- Header Logo Start -->
<div class="col">
<div class="header-logo justify-content-center">
<a href="/"><img src="/assets/theme_{{ constant('config_theme') }}/images/logo/vp1.png" alt="Voyage Print Logo"></a>
</div>
</div>
<!-- Header Logo End -->
<!-- Header Tools Start -->
<div class="col">
<div class="header-tools justify-content-end">
{% if not app.user %}
<div class="header-login">
<a title="Logg inn" href="{{ path('app_login') }}"><i class="fal fa-user"></i></a>
</div>
{% else %}
<div class="header-login">
<a title="Min side" href="{{ path('Minside_Ordre') }}"><i class="fal fa-user"></i></a>
</div>
{% endif %}
{% if app.user %}
<div class="header-wishlist">
<a title="Favoritter" href="#offcanvas-wishlist" class="offcanvas-toggle"><span class="wishlist-count">{{ numonwhishlist }}</span><i class="fal fa-heart"></i></a>
</div>
{% endif %}
<div class="header-cart">
<a title="Handlekurv" href="{{ path('Handlekurv') }}"><span class="cart-count">{{ numbasketitems }}</span><i class="fal fa-shopping-cart"></i></a>
</div>
</div>
</div>
<!-- Header Tools End -->
</div>
</div>
<!-- Site Menu Section Start -->
<div class="site-menu-section section">
<div class="container">
<nav class="site-main-menu justify-content-center">
<ul>
<li class="has-children"><a href="#"><span class="menu-text">Produkter</span></a>
<ul class="sub-menu mega-menu">
{% for f in folders['templates'] %}
<li>
<a href="javascript:void(0)" class="mega-menu-title"><span class="menu-text">{{ f | upper }}</span></a>
{% if (folders['templates/' ~ f] is defined) %}
<ul>
{% for o in folders['templates/' ~ f] %}
<li><a href="/Produkter/{{ f }}/{{ o }}"><span class="menu-text">{{ o }}</span></a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</li>
{% if (is_granted('ROLE_ADMIN')) %}
<li><a href="{{ path('admin_home') }}"><span class="menu-text">Admin</span></a></li>
{% endif %}
</ul>
</nav>
</div>
</div>
<!-- Site Menu Section End -->
</div>
<!-- Header Section End -->
<!-- Header Sticky Section Start -->
<div class="sticky-header header-menu-center section bg-white d-none d-xl-block">
<div class="container">
<div class="row align-items-center">
<!-- Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="/"><img src="/assets/theme_{{ constant('config_theme') }}/images/logo/vp1.png" alt="Voyage Print Logo"></a>
</div>
</div>
<!-- Header Logo End -->
<!-- Search Start -->
<div class="col d-none d-xl-block">
<nav class="site-main-menu justify-content-center">
<ul>
<li class="has-children"><a href="#"><span class="menu-text">Produkter</span></a>
<ul class="sub-menu mega-menu">
{% for f in folders['templates'] %}
<li>
<a href="javascript:void(0)" class="mega-menu-title"><span class="menu-text">{{ f | upper }}</span></a>
{% if (folders['templates/' ~ f] is defined) %}
<ul>
{% for o in folders['templates/' ~ f] %}
<li><a href="/Produkter/{{ f }}/{{ o }}"><span class="menu-text">{{ o }}</span></a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</li>
{% if (is_granted('ROLE_ADMIN')) %}
<li><a href="{{ path('admin_home') }}"><span class="menu-text">Admin</span></a></li>
{% endif %}
</ul>
</nav>
</div>
<!-- Search End -->
<!-- Header Tools Start -->
<div class="col-auto">
<div class="header-tools justify-content-end">
{% if app.user %}
<div class="header-login">
<a href="my-account.html"><i class="fal fa-user"></i></a>
</div>
{% endif %}
<div class="header-search d-none d-sm-block">
<a href="#offcanvas-search" class="offcanvas-toggle"><i class="fal fa-search"></i></a>
</div>
{% if app.user %}
<div class="header-wishlist">
<a href="#offcanvas-wishlist" class="offcanvas-toggle"><span class="wishlist-count">{{ numonwhishlist }}</span><i class="fal fa-heart"></i></a>
</div>
{% endif %}
<div class="header-cart">
<a href="{{ path('Handlekurv') }}"><span class="cart-count">{{ numbasketitems }}</span><i class="fal fa-shopping-cart"></i></a>
</div>
<div class="mobile-menu-toggle d-xl-none">
<a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
<svg viewBox="0 0 800 600">
<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" class="top"></path>
<path d="M300,320 L540,320" class="middle"></path>
<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" class="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
</svg>
</a>
</div>
</div>
</div>
<!-- Header Tools End -->
</div>
</div>
</div>
<!-- Header Sticky Section End -->
<!-- Mobile Header Section Start -->
<div class="mobile-header bg-white section d-xl-none">
<div class="container">
<div class="row align-items-center">
<!-- Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="/"><img src="/assets/theme_{{ constant('config_theme') }}/images/logo/vp1.png" alt="Voyage Print Logo"></a>
</div>
</div>
<!-- Header Logo End -->
<!-- Header Tools Start -->
<div class="col-auto">
<div class="header-tools justify-content-end">
{% if app.user %}
<div class="header-login d-none d-sm-block">
<a href="my-account.html"><i class="fal fa-user"></i></a>
</div>
{% endif %}
<div class="header-search d-none d-sm-block">
<a href="#offcanvas-search" class="offcanvas-toggle"><i class="fal fa-search"></i></a>
</div>
{% if app.user %}
<div class="header-wishlist d-none d-sm-block">
<a href="#offcanvas-wishlist" class="offcanvas-toggle"><span class="wishlist-count">{{ numonwhishlist }}</span><i class="fal fa-heart"></i></a>
</div>
{% endif %}
<div class="header-cart">
<a href="{{ path('Handlekurv') }}"><span class="cart-count">{{ numbasketitems }}</span><i class="fal fa-shopping-cart"></i></a>
</div>
<div class="mobile-menu-toggle">
<a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
<svg viewBox="0 0 800 600">
<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" class="top"></path>
<path d="M300,320 L540,320" class="middle"></path>
<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" class="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
</svg>
</a>
</div>
</div>
</div>
<!-- Header Tools End -->
</div>
</div>
</div>
<!-- Mobile Header Section End -->
<!-- Mobile Header Section Start -->
<div class="mobile-header sticky-header bg-white section d-xl-none">
<div class="container">
<div class="row align-items-center">
<!-- Header Logo Start -->
<div class="col">
<div class="header-logo">
<a href="/"><img src="/assets/theme_{{ constant('config_theme') }}/images/logo/vp1.png" alt="Voyage Print Logo"></a>
</div>
</div>
<!-- Header Logo End -->
<!-- Header Tools Start -->
<div class="col-auto">
<div class="header-tools justify-content-end">
{% if app.user %}
<div class="header-login d-none d-sm-block">
<a href="my-account.html"><i class="fal fa-user"></i></a>
</div>
{% endif %}
<div class="header-search d-none d-sm-block">
<a href="#offcanvas-search" class="offcanvas-toggle"><i class="fal fa-search"></i></a>
</div>
{% if app.user %}
<div class="header-wishlist d-none d-sm-block">
<a href="#offcanvas-wishlist" class="offcanvas-toggle"><span class="wishlist-count">{{ numonwhishlist }}</span><i class="fal fa-heart"></i></a>
</div>
{% endif %}
<div class="header-cart">
<a href="{{ path('Handlekurv') }}"><span class="cart-count">{{ numbasketitems }}</span><i class="fal fa-shopping-cart"></i></a>
</div>
<div class="mobile-menu-toggle">
<a href="#offcanvas-mobile-menu" class="offcanvas-toggle">
<svg viewBox="0 0 800 600">
<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" class="top"></path>
<path d="M300,320 L540,320" class="middle"></path>
<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" class="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
</svg>
</a>
</div>
</div>
</div>
<!-- Header Tools End -->
</div>
</div>
</div>
<!-- Mobile Header Section End -->