{% import "_icons.html" as icons %}
{% if not ai_enabled %}
<span title="Kein OPENAI_API_KEY gesetzt – Auto-Kategorisierung deaktiviert" class="icon-warn">
  {{ icons.alert(size=14) }} KI aus
</span>
{% endif %}

<button id="theme-toggle" type="button" class="ghost icon-btn" title="Farbschema wechseln">
  <span class="theme-icon-dark">{{ icons.moon() }}</span>
  <span class="theme-icon-light">{{ icons.sun() }}</span>
</button>

<div class="user-menu">
  <button type="button" class="ghost icon-btn" title="{{ user.email }}">{{ icons.user() }}</button>
  <button id="menu-toggle" type="button" class="ghost icon-btn" title="Menü"
          aria-haspopup="true" aria-expanded="false">{{ icons.menu() }}</button>

  <div id="user-dropdown" class="user-dropdown" hidden>
    <div class="dropdown-email">{{ user.email }}</div>
    <div class="dropdown-sep"></div>
    <button type="button" class="dropdown-item" disabled>
      {{ icons.tag(size=15) }} Tags verwalten <span class="soon">bald</span>
    </button>
    <a href="/settings" class="dropdown-item" style="text-decoration:none;">
      {{ icons.sliders(size=15) }} Einstellungen
    </a>
    <div class="dropdown-sep"></div>
    <form method="post" action="/logout" style="margin:0;">
      <button type="submit" class="dropdown-item">{{ icons.log_out(size=15) }} Abmelden</button>
    </form>
  </div>
</div>