{% load static %}
<header id="must-head">
<nav class="navbar navbar-default bootsnav navbar-fixed white on no-full">
<div class="container">
<!-- Start Atribute Navigation -->
<div class="attr-nav">
<ul>
<li class="search">
<form action="{% url 'search_firm_page' %}" method="post">
{% csrf_token %}
<input type="text" name="firm" placeholder="Enter Firm Name">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</li>
{% if request.session.username %}
<li>
<div class="dropdown" id="dropdown_dash">
<span class="dash-img dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'upload/'%}{% if request.session.profile_img %}{{ request.session.profile_img }}{% else %}anon-user.png{% endif %}" >
</span>
<ul class="dropdown-menu">
<li><a href="{% url 'dashboard' %}"><i class="fa fa-user" aria-hidden="true"></i> Dashboard</a></li>
{% if request.session.username or user.is_authenticated %}
<li><a href="{% url 'logout_view' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li>
{% else %}
<li><a href="{% url 'logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li>
{% endif %}
</ul>
</div>
</li>
{% elif user.is_authenticated %}
<li>
<div class="dropdown" id="dropdown_dash">
<span class="dash-img dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'upload/'%}{% if request.session.profile_img %}{{ request.session.profile_img }}{% else %}anon-user.png{% endif %}" >
</span>
<ul class="dropdown-menu">
<li><a href="/admin"><i class="fa fa-user" aria-hidden="true"></i> Dashboard</a></li>
{% if request.session.username or user.is_authenticated %}
<li><a href="{% url 'logout_view' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li>
{% else %}
<li><a href="{% url 'logout' %}"><i class="fa fa-sign-out" aria-hidden="true"></i> Logout</a></li>
{% endif %}
</ul>
</div>
</li>
{% else %}
<li class="sign-btn sign-in">
<a href="{% url 'login' %}">
<span class="hidden-xs hidden-sm visiable-md visiable-lg">SIGN-IN</span> <i class="fa fa-sign-in hidden-md hidden-lg"></i>
</a>
</li>
<li class="sign-btn sign-up">
<a href="{% url 'registration' %}">
<span class="hidden-xs hidden-sm visiable-md visiable-lg">SIGN-UP</span> <i class="fa fa-sign-out hidden-md hidden-lg"></i>
</a>
</li>
{% endif %}
</ul>
</div>
<!-- End Atribute Navigation -->
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button>
<a class="navbar-brand" href="#brand"><img src="{% static 'images/logo.png' %}" class="logo" alt=""></a> </div>
<!-- End Header Navigation -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-left">
<li><a href="{% url 'home_page' %}">Home</a></li>
<li {% if "/about/" in request.path %}class="active"{% endif %}><a href="{% url 'about' %}">About Us</a></li>
<li {% if "/firms/" in request.path %}class="active"{% endif %}><a href="{% url 'firms' %}">Firms</a></li>
<li {% if "/blogs" in request.path %}class="active"{% endif %}><a href="{% url 'blogs' %}">Blogs</a></li>
<li {% if "/contact/" in request.path %}class="active"{% endif %}><a href="{% url 'contact' %}">Contact Us</a></li>
<li class="search">
<form>
<input type="" name="" placeholder="Enter Firm Name or Location. . .">
<button><i class="fa fa-search"></i></button>
</form>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
</header>
<div class="clearfix"></div>