<nav class="navbar">
    <div class="container-fluid">
      <div class="navbar-holder d-flex align-items-center justify-content-between">
        <div class="navbar-header"><a id="toggle-btn" href="#" class="menu-btn"><i class="icon-bars"> </i></a>
            <a href="#" class="navbar-brand">
              <div class="brand-text d-none d-md-inline-block"><span>{{ legend|safe }} </span></div>
            </a>
        </div>
        <ul class="nav-menu mb-0 list-unstyled d-flex flex-md-row align-items-md-center">
          <!-- Log out-->
            {% if user_group == 'hr' %}
              {% include "notif_header/hr.html" %}
            {% endif %}
            {% if user_group == 'dep' %}
              {% include "notif_header/dep.html" %}
            {% endif %}
            {% if user_group == 'staff' %}
              {% include "notif_header/staff.html" %}
            {% endif %}
            {% if user_group == 'unit' %}
              {% include "notif_header/div.html" %}
            {% endif %}
            {% if user_group == 'de' %}
              {% include "notif_header/pr.html" %}
            {% endif %}
            {% if user_group == 'deputy' %}
              {% include "notif_header/vice.html" %}
            {% endif %}
          <li class="nav-item"><a href="{% url 'logout' %}" class="nav-link logout"> <span class="d-none d-sm-inline-block">Logout</span><i class="fa fa-sign-out"></i></a></li>
        </ul>
      </div>
    </div>
  </nav>