{% load i18n %}
{% load static %}
<header>
  <nav>
    {% if no_nav %}
      <div class="logo"><img src="{% static 'img/header-logo.gif' %}" alt="Unicorn ID Manager"></div>
    {% else %}
      <div class="logo"><a href="{{ dashboard_url }}"><img src="{% static 'img/header-logo.gif' %}" alt="Unicorn ID Manager"></a></div>
    {% endif %}
    <div>
      {% if no_nav %}
      {% else %}
        <a href="{{ dashboard_url }}">
          {% trans 'Home' %}
        </a>
        {% if system_nav %}
          <a href="{{ admin_password_url }}"
             class="{% if request.path == admin_password_url %}current-page{% endif %}">
            {% trans 'Change Password' %}
          </a>
        {% else %}
          <a href="{{ users_url }}"
             class="{% if '/Users' in request.path %}current-page{% endif %}">
            {% trans 'Users' %}
          </a>
          <a href="{{ groups_url }}"
             class="{% if '/Groups' in request.path %}current-page{% endif %}">
            {% trans 'Groups' %}
          </a>
          <a href="{{ result_url }}"
             class="{% if request.path == result_url %}current-page{% endif %}">
            {% trans 'Result' %}
          </a>
        {% endif %}
        <a href="{{ logout_url }}">{% trans 'Logout' %}</a>
      {% endif %}
    </div>
  </nav>
  <div class="page-title">
    <h1>
      {% if title %}
        <span>{{ title }}</span>
      {% else %}
        <a href="{{ dashboard_url }}">{{ target }}</a>
        {% if resource_type == 'User' %}
          <span style="font-size: 1.0em;">&rsaquo;</span>
          <a href="{{ users_url }}">{{ resource_type }}</a>
        {% elif resource_type == 'Group' %}
          <span style="font-size: 1.0em;">&rsaquo;</span>
          <a href="{{ groups_url }}">{{ resource_type }}</a>
        {% endif %}
        {% if resource.name %}
          <span style="font-size: 1.0em;">&rsaquo;</span>
          <a href="{{ user_url }}">{{ resource.name }}</a>
        {% endif %}
      {% endif %}
    </h1>
  </div>
</header>