{% load i18n %}
{% get_current_language as CURRENT_LANGUAGE %}
<div class="app-header{% if header_inside_shell %} app-header-in-shell{% endif %}">
  <a class="app-brand" href="/" aria-label="{% trans 'Zur Startseite' %}">
    <img class="app-brand-logo" src="{{ portal_logo_url }}" alt="{{ portal_company_name }} Logo" />
  </a>
  <div class="app-header-actions">
    {% if header_show_lang %}
      <form method="post" action="{% url 'set_language' %}" class="app-lang-switch">
        {% csrf_token %}
        <input type="hidden" name="next" value="{{ request.get_full_path }}" />
        <button class="app-lang-btn {% if CURRENT_LANGUAGE == 'de' %}active{% endif %}" type="submit" name="language" value="de">DE</button>
        <button class="app-lang-btn {% if CURRENT_LANGUAGE == 'en' %}active{% endif %}" type="submit" name="language" value="en">EN</button>
      </form>
    {% endif %}
    {% if header_show_dashboard %}
      <a class="btn btn-secondary" href="/requests/">{% trans "Zum Dashboard" %}</a>
    {% endif %}
    {% if header_show_home %}
      <a class="btn btn-secondary" href="/">{% trans "Zur Startseite" %}</a>
    {% endif %}
    {% if request.user.is_authenticated %}
      <details class="app-user-menu">
        <summary class="app-user-trigger">
          <span class="app-user-avatar" aria-hidden="true">
            {% if user_avatar_url %}
              <img class="app-user-avatar-image" src="{{ user_avatar_url }}" alt="{% trans 'Profilbild' %}" />
            {% else %}
              {% if request.user.first_name or request.user.last_name %}
                {{ request.user.first_name|slice:":1" }}{{ request.user.last_name|slice:":1" }}
              {% else %}
                {{ request.user.username|slice:":2" }}
              {% endif %}
            {% endif %}
          </span>
          <span class="app-user-copy">
            <strong>{{ request.user.get_full_name|default:request.user.username }}</strong>
            <span>{{ role_label }}</span>
          </span>
          <span class="app-user-caret" aria-hidden="true">▾</span>
        </summary>
        <div class="app-user-panel">
          <div class="app-user-panel-head">
            <strong>{{ request.user.get_full_name|default:request.user.username }}</strong>
            <span>{{ request.user.email|default:request.user.username }}</span>
          </div>
          <a href="{% url 'account_profile_page' %}">{% trans "Profil" %}</a>
          <a href="{% url 'password_change' %}">{% trans "Passwort ändern" %}</a>
          <form method="post" action="{% url 'logout' %}">
            {% csrf_token %}
            <button type="submit">{% trans "Abmelden" %}</button>
          </form>
        </div>
      </details>
    {% endif %}
  </div>
</div>