{% from "ui/segmented_toggle.html" import segmented_toggle %}

{% if user %}
  <div class="app-user-nav">
    {{ segmented_toggle([
        {'href': main_nav_week_url, 'label': 'Woche', 'active': request.url.path.startswith('/dashboard')},
        {'href': main_nav_month_url, 'label': 'Monat', 'active': request.url.path.startswith('/month')}
        ], 'Hauptnavigation', 'topbar-toggle app-main-nav') }}
    <div class="app-icon-nav" aria-label="Kopfzeilen-Aktionen">
      <a class="app-icon-btn"
         href="/settings"
         title="Einstellungen"
         aria-label="Einstellungen">
        <img class="dash-icon" src="/static/icons/settings.svg" alt="" />
      </a>
      <a class="app-icon-btn"
         href="/hilfe"
         title="Hilfe"
         aria-label="Hilfe">
        <img class="dash-icon" src="/img/Icon-Help.svg" alt="" />
      </a>
      <form action="/logout" method="post" class="inline-form">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
        <button type="submit"
                class="app-icon-btn"
                title="Abmelden"
                aria-label="Abmelden">
          <img class="dash-icon" src="/static/icons/logout.svg" alt="" />
        </button>
      </form>
    </div>
  </div>
{% else %}
  {{ segmented_toggle([
      {'href': '/login', 'label': 'Login', 'active': request.url.path.startswith('/login')},
      {'href': '/register', 'label': 'Registrierung', 'active': request.url.path.startswith('/register')}
      ], 'Authentifizierung', 'auth-toggle app-auth-nav') }}
{% endif %}