<div class="inner customScroll">
<div class="offcanvas-menu-search-form">
<form action="#">
<input type="text" placeholder="Search...">
<button><i class="fal fa-search"></i></button>
</form>
</div>
<div class="offcanvas-menu">
<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>
</div>
<div class="offcanvas-buttons">
<div class="header-tools">
{% if app.user %}
<div class="header-login">
<a href="my-account.html"><i class="fal fa-user"></i></a>
</div>
<div class="header-wishlist">
<a href="wishlist.html"><span>{{ numonwhishlist }}</span><i class="fal fa-heart"></i></a>
</div>
{% endif %}
<div class="header-cart">
<a href="shopping-cart.html"><span class="cart-count">{{ numbasketitems }}</span><i class="fal fa-shopping-cart"></i></a>
</div>
</div>
</div>
<div class="offcanvas-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>