{#
  Shared navbar, rendered on every page by base.html.
  Reads the `nav` field of the surrounding page struct (crate::ui::Nav).
#}
<header class="topbar">
  <div>
    <strong>Komp Accounting</strong>
    {% if !nav.role.is_empty() %}<span class="role">{{ nav.role }}</span>{% endif %}
  </div>
  <nav>
    <a href="/admin" {% if nav.active == "admin" %}class="active"{% endif %}>Admin</a>
    <a href="/" {% if nav.active == "analytics" %}class="active"{% endif %}>Analytics</a>
    {% if nav.authenticated %}
      <form hx-post="/logout" hx-swap="none">
        <button class="link-button" type="submit">Log out</button>
      </form>
    {% else %}
      <a href="/login" {% if nav.active == "login" %}class="active"{% endif %}>Login</a>
      <a href="/register" {% if nav.active == "register" %}class="active"{% endif %}>Register</a>
    {% endif %}
  </nav>
</header>