{% load i18n %}
{% load static %}
<header class="row mb-3">
  <nav class="navbar navbar-expand-sm navbar-light py-0">
    <div class="container-fluid">
      <div class="logo navbar-brand">
      {% if no_nav or self_modify %}
	  <img src="{% static 'img/header-logo.gif' %}" alt="Unicorn ID Manager">
      {% else %}
	  <a href="{{ dashboard_url }}">
	    <img src="{% static 'img/header-logo.gif' %}" alt="Unicorn ID Manager">
	  </a>
      {% endif %}
      </div>
      {% if not no_nav or self_modify %}
      <div class="d-flex flex-row-reverse">
	<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerHeader" aria-controls="navbarTogglerHeader" aria-expanded="false" aria-label="Header toggle navigation">
	<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarTogglerHeader">
	  <ul class="navbar-nav fs-5 fw-bold">
            {% if not self_modify %}
              <li class="navbar-item m-2">
                <a class="navbar-link" href="{{ dashboard_url }}">
                  {% trans 'Dashboard' %}
                </a>
              </li>
              {% if not system_nav %}
                <li class="navbar-item m-2">
                  <a class="navbar-link" href="{{ users_url }}">
                    {% trans 'Users' %}
                  </a>
                </li>
                <li class="navbar-item m-2">
                  <a class="navbar-link" href="{{ groups_url }}">
                    {% trans 'Groups' %}
                  </a>
                </li>
                <li class="navbar-item m-2">
                  <a class="navbar-link" href="{% url 'submissions' target_id=target.id %}">
                    {% trans 'Result' %}
                  </a>
                </li>
              {% endif %}
              <li class="navbar-item dropdown m-2">
                <a class="navbar-link dropdown-toggle fw-bolder" id="navbarHeaderDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                  {{ admin.name }}
                </a>
                <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarHeaderDropdown">
                  <li><a class="dropdown-item" href="{% url 'admin_password' %}">{% trans 'Change Password' %}</a></li>
                  <li><a class="dropdown-item" href="/unicornidm/documentation/">{% trans 'Help' %}</a></li>
                  <li><hr class="dropdown-divider"></li>
                  <li><a class="dropdown-item" href="{% url 'logout' %}">{% trans 'Logout' %}</a></li>
                </ul>
              </li>
	    {% elif self_modify %}
	    <li class="navbar-item m-2">
	      <a class="navbar-link" href="{% url 'end_user_settings' target=target.id %}">
		{% trans 'Modify Attributes' %}
	      </a>
	    </li>
	    <li class="navbar-item m-2">
	      <a class="navbar-link" href="{% url 'end_user_password' target=target.id %}">
		{% trans 'Change Password' %}
	      </a>
	    </li>
	    <li class="navbar-item m-2">
	      <a class="navbar-link" href="{% url 'end_user_logout' target=target.id %}">
		{% trans 'Logout' %}
	      </a>
	    </li>
            {% endif %}
	  </ul>
	</div>
      </div>
      {% endif %}
    </div>
  </nav>
  {% include '_components/header/breadcrumb.html' %}
</header>