<nav class="navbar navbar-expand-lg navbar-light bg-white position-fixed top-0 start-0 end-0 nav-z-index border-bottom">
<div class="container-fluid">
<button class="navbar-toggler" type="button" id="btn_navbar_toggle">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-brand">
<a href="{{ path('home_page') }}">
<img src="{{ asset('images/logo.png') }}" class="img-fluid" style="max-height: 60px">
</a>
</div>
<div class="collapse navbar-collapse justify-content-between" id="main_nav">
<div class="navbar-nav mx-0 mx-md-auto w-sm-100-md-70">
<ul class="navbar-nav">
<li class="nav-item">
<a href="{{ path('home_page') }}" class="nav-link">
Home
</a>
</li>
<li class="nav-item">
<a href="{{ path('articles_page', {'pageId':5}) }}" class="nav-link">
About Us
</a>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link contact-link"
id="contact_link"
data-action="click->home-page#onClickContactLink"
>
Contact Us
</a>
</li>
</ul>
</div>
<div class="navbar-nav">
<ul class="navbar-nav ms-auto ms-md-auto ms-sm-0">
<li class="nav-item dropdown pt-1 pb-1 pt-sm-0 pb-sm-0">
<a class="nav-link account-dropdown-toggle" href="{{ path('clinics_logout') }}" data-bs-toggle="dropdown">
Sign In
</a>
<ul class="dropdown-menu dropdown-menu-end" id="account_menu" style="min-width: 250px">
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('clinics_login') }}" class="dropdown-item">
Clinic Sign In
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('distributor_login') }}" class="dropdown-item">
Distributor Sign In
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('manufacturer_login') }}" class="dropdown-item">
Manufacturer Sign In
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="" class="dropdown-item">
Retail Sign In
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown pt-1 pb-1 pt-sm-0 pb-sm-0">
<a class="signup-toggle btn btn-primary btn-sm ms-0 ms-md-3" href="{{ path('clinics_logout') }}" data-bs-toggle="dropdown">
Sign Up
</a>
<ul class="dropdown-menu dropdown-menu" id="signup_toggle" style="min-width: 250px">
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('clinic_reg') }}" class="dropdown-item">
Clinic Sign Up
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('distributor_reg') }}" class="dropdown-item">
Distributor Sign Up
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="{{ path('manufacturer_reg') }}" class="dropdown-item">
Manufacturer Sign Up
</a>
</li>
<li class="pt-1 pb-1 pt-md-0 pb-md-0">
<a href="" class="dropdown-item">
Retail Sign Up
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>