{% set nav_path = app.request.pathInfo %}
{% set white_nav = (nav_path == "/login" or nav_path == "/register" or nav_path == "/activation_link") %}
<!--Start Header -->
<header class="nav-bg-w main-header navfix fixed-top menu-white" style="{% if white_nav %}background-color: white;{% endif %}" data-controller="nav">
<div class="container-fluid m-pad">
<div class="menu-header">
<div class="dsk-logo"><a class="nav-brand" href="{{ path('home') }}">
<img src="{{ asset('build/images/logo01.png') }}" alt="Logo" class="mega-darks-logo"/>
</a></div>
<div class="custom-nav" role="navigation">
<ul class="nav-list onepge">
<li><a href="{{ path('home') }}" class="menu-links">Home</a></li>
<li>
<a href="{{ path('about') }}" class="menu-links">About</a>
</li>
<li><a href="{{ path('blog') }}" class="menu-links">Blog</a></li>
<li>
<a href="{{ path('contact') }}" class="menu-links">Contact Us</a>
</li>
<li>
<a href="tel:+18887816811" class="btn-br bg-btn3 top-banner phone">Let's Talk 1(888)781-6811</a>
</li>
{% if app.user %}
<li class="dropdown">
<a class="btn-br bg-btn6 dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown" aria-expanded="true">
{{ app.user.email }}
</a>
{% if "ROLE_ADMIN" in app.user.roles %}
<div class="nx-dropdown menu-dorpdown" style="top: 48px;">
<div class="sub-menu-section bg-light border rounded"
style="padding: 20px 0 20px 0">
<div class="sub-menu-center-block">
<div class="sub-menu-column smfull">
<ul>
<li><a href="{{ path('admin_dashboard') }}">Dashboard</a></li>
<li><a href="{{ path('app_logout') }}">Logout</a></li>
</ul>
</div>
</div>
</div>
</div>
{% else %}
<div class="nx-dropdown menu-dorpdown" style="top: 48px;">
<div class="sub-menu-section bg-light border rounded"
style="padding: 20px 0 20px 0">
<div class="sub-menu-center-block">
<div class="sub-menu-column smfull">
<ul>
<li><a href="{{ path('app_user_order') }}">My Orders</a></li>
<li><a href="{{ path('user_settings') }}">Settings</a></li>
<li><a href="{{ path('app_user_payment') }}">Billing</a></li>
<li><a href="{{ path('app_logout') }}">Logout</a></li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}
</li>
{% else %}
<li>
<a href="{{ path('app_login') }}" class="btn-br bg-btn5">Login</a>
</li>
<li>
<a href="{{ path('app_register') }}" class="btn-br bg-btn6">Register</a>
</li>
{% endif %}
<li>
<a href="{{ path('cart') }}" class="btn-round- btn-br bg-btn">
<i class="fas fa-shopping-cart"></i>
{% if cart().orderItems.toArray|length != 0 %}
{% if cart().orderItems.unwrap|length != 0 %}
<span class="addtocart">
{{ cart().orderItems.unwrap|length }}
</span>
{% endif %}
{% endif %}
</a>
</li>
</ul>
</div>
<div class="mobile-menu2">
<ul class="mob-nav2">
<Li>
<a href="tel:+18887816811" class="btn-br bg-btn top-banner phone">Let's Talk 1(888)781-6811</a>
</Li>
<li class="align-self-center">
<a href="{{ path('cart') }}" class="btn-round- btn-br bg-btn">
<i class="fas fa-shopping-cart"></i>
{% if cart().orderItems.toArray|length != 0 %}
{% if cart().orderItems.unwrap|length != 0 %}
<span class="addtocart">
{{ cart().orderItems.unwrap|length }}
</span>
{% endif %}
{% endif %}
</a>
{# <a class="btn-round- trngl btn-br bg-btn btshad-b1">#}
{# <i class="fas fa-user"></i>#}
{# </a>#}
{# <div class="contact-inquiry">#}
{# <div class="contact-info-">#}
{# <div class="contct-heading">Account</div>#}
{# <div class="inquiry-card-nn">#}
{# <div class="title-inq-c">Already a user ?</div>#}
{# <ul>#}
{# <li class="mb0 w-100">#}
{# <a href="{{ path('app_login') }}" class="btn-br bg-btn5 w-100 py-2">Login</a>#}
{# </li>#}
{# </ul>#}
{# </div>#}
{# <div class="inquiry-card-nn">#}
{# <div class="title-inq-c">Register here</div>#}
{# <ul>#}
{# <li class="mb0">#}
{# <a href="{{ path('app_register') }}" class="btn-br bg-btn6 w-100 py-2">Register</a>#}
{# </li>#}
{# </ul>#}
{# </div>#}
{# </div>#}
{# </div>#}
</li>
<li class="navm-" style="height: 85px; width: 40px;">
<a class="toggle" href="#">
<span></span>
</a>
</li>
</ul>
</div>
</div>
<!--Mobile Menu-->
<nav id="main-nav">
<ul class="first-nav">
<li><a href="{{ path('app_login') }}" class="menu-links">Login</a></li>
<li><a href="{{ path('app_register') }}" class="menu-links">Register</a></li>
<li><a href="{{ path('home') }}" class="menu-links">Home</a></li>
<li><a href="{{ path('about') }}" class="menu-links">About</a></li>
<li><a href="{{ path('blog') }}" class="menu-links">Blog</a></li>
<li><a href="{{ path('contact') }}" class="menu-links">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<!--end Header -->