{% load i18n static admin_adminlte %}

<ul class="nav nav-pills nav-sidebar flex-column text-sm" data-widget="treeview" role="menu" data-accordion="false">
    <!-- Add icons to the links using the .nav-icon class
           with font-awesome or any other icon font library -->
           {% url 'accounts/profile' as dash %}
           <li class="nav-item ">
            <a href="{% url 'accounts/profile' %}" class="nav-link {% if request.path == dash %} active {% endif %}">
              <i class="fas fa-tachometer-alt nav-icon"></i>
              <p>Dashboard</p>
            </a>
          </li>
          {% if perms.staff.view_staff %}
          {% url 'SoEEC:manage_staff' as staffp %}
          <li class="nav-item  {% if request.path == staffp %} menu-open {% endif %}">
             <a href="#" class="nav-link {% if request.path == staffp %} active {% endif %}">
              <i style="font-size: small;"  class="fa fa-address-book nav-icon"></i>
               <p>
                 Manage Staff
                 <i class="right fas fa-angle-left"></i>
               </p>
             </a>
             <ul class="nav nav-treeview">
              {% url 'SoEEC:manage_staff' as staff %}
            <li class="nav-item offset-1">
              <a href="{% url 'SoEEC:manage_staff' %}" class="nav-link {% if request.path == staff %} active {% endif %}">
              <i class="far fa-circle" aria-hidden="true"></i>
              <p>Staff</p>
              </a>
            </li>
           </li>
           </ul>
           {% url 'SoEEC:approved_background_profile' as staffa %} 
           {% url 'SoEEC:rejected__background_profile' as staffr %}
           {% url 'SoEEC:rejected__research_profile' as staffrr %}
           {% url 'SoEEC:approved_research_profile' as staffar %}
           {% url 'SoEEC:approved_publication_profile' as staffapub %}
           {% url 'SoEEC:rejected__publication_profile' as staffrpub %}
           <li class="nav-item {% if request.path == staffa or request.path == staffr or request.path == staffrr or request.path == staffar or request.path == staffapub or request.path == staffrpub %} menu-open {% endif %}">
            <a href="#" class="nav-link {% if request.path == staffa or request.path == staffr or request.path == staffrr or request.path == staffar or request.path == staffapub or request.path == staffrpub %} active {% endif %}">
             <i style="font-size: small;"  class="fa fa-address-book nav-icon"></i>
              <p>
                Profile update requests
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
            {% url 'SoEEC:approved_background_profile' as staffa %} 
            {% url 'SoEEC:rejected__background_profile' as staffr %}
           <li class="nav-item offset-1 {% if request.path == staffa or request.path == staffr %} menu-open {% endif %}">
             <a href="{% url 'SoEEC:backgraoundRequests' %}" class="nav-link {% if request.path == staffa or request.path == staffr %} active {% endif %}">
             <i class="far fa-circle" aria-hidden="true"></i>
             <p>Background
               <i class="right fas fa-angle-left"></i>
             </p>
             </a>
             <ul class="nav nav-treeview">
              {% url 'SoEEC:approved_background_profile' as app_b %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:approved_background_profile' %}" class="nav-link {% if request.path == app_b %} active {% endif %}">
                 <i style="color: green;" class="fa fa-check" aria-hidden="true"></i>
                 <p>Approved</p>
                 </a>
               </li>
               {% url 'SoEEC:rejected__background_profile' as rej_b %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:rejected__background_profile' %}" class="nav-link {% if request.path == rej_b %} active {% endif %}">
                 <i style="color: red;" class="fa fa-times" aria-hidden="true"></i>
                 <p>Rejected</p>
                 </a>
               </li>
               </ul>
           </li>
           {% url 'SoEEC:rejected__research_profile' as staffrr %}
           {% url 'SoEEC:approved_research_profile' as staffar %}
           <li class="nav-item offset-1 {% if request.path == staffrr or request.path == staffar %} menu-open {% endif %}">
             <a href="{% url 'SoEEC:manage_staff' %}" class="nav-link {% if request.path == staffrr or request.path == staffar %} active {% endif %}">
             <i class="far fa-circle" aria-hidden="true"></i>
             <p>Research
              <i class="right fas fa-angle-left"></i>
             </p>
             </a>
             <ul class="nav nav-treeview">
              {% url 'SoEEC:approved_research_profile' as app_r %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:approved_research_profile' %}" class="nav-link {% if request.path == app_r %} active {% endif %}">
                 <i style="color: green;" class="fa fa-check" aria-hidden="true"></i>
                 <p>Approved</p>
                 </a>
               </li>
               {% url 'SoEEC:rejected__research_profile' as rej_r %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:rejected__research_profile' %}" class="nav-link {% if request.path == rej_r %} active {% endif %}">
                 <i style="color: red;" class="fa fa-times" aria-hidden="true"></i>
                 <p>Rejected</p>
                 </a>
               </li>
               </ul>
           </li>
           {% url 'SoEEC:approved_publication_profile' as staffapub %}
           {% url 'SoEEC:rejected__publication_profile' as staffrpub %}
           <li class="nav-item offset-1 {% if request.path == staffapub or request.path == staffrpub %} menu-open {% endif %}">
             <a href="{% url 'SoEEC:manage_staff' %}" class="nav-link {% if request.path == staffapub or request.path == staffrpub %} active {% endif %}">
             <i class="far fa-circle" aria-hidden="true"></i>
             <p>Publication
              <i class="right fas fa-angle-left"></i>
             </p>
             </a>
             <ul class="nav nav-treeview">
              {% url 'SoEEC:approved_publication_profile' as app_p %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:approved_publication_profile' %}" class="nav-link {% if request.path == app_p %} active {% endif %}">
                 <i style="color: green;" class="fa fa-check" aria-hidden="true"></i>
                 <p>Approved</p>
                 </a>
               </li>
               {% url 'SoEEC:rejected__publication_profile' as rej_p %}
               <li class="nav-item offset-1">
                 <a href="{% url 'SoEEC:rejected__publication_profile' %}" class="nav-link {% if request.path == rej_p %} active {% endif %}">
                 <i style="color: red;" class="fa fa-times" aria-hidden="true"></i>
                 <p>Rejected</p>
                 </a>
               </li>
               </ul>
           </li>
          </li>
        {% endif %}
  </ul>