{% extends "partials/_html.html" %}
{% from "partials/_macros.html" import pill %}

{% block title %}Brains Admin · {{ page_title }}{% endblock %}

{% block body %}
<header class="topbar">
  <a class="topbar__brand" href="/admin/overview">
    <span class="brand-mark">b</span>
    <span>brains</span>
    <span class="brand-scope">admin</span>
  </a>

  <nav class="topbar__nav" aria-label="Admin sections">
    {% for nav_key, nav_label, nav_href, nav_icon in admin_nav %}
    <a href="{{ nav_href }}"
       class="{{ 'is-active' if nav_key == active else '' }}"
       {% if nav_key == active %}aria-current="page"{% endif %}>
      {{ icon(nav_icon) }}
      <span>{{ nav_label }}</span>
    </a>
    {% endfor %}
  </nav>

  <div class="topbar__actions">
    <button type="button" class="js-palette-trigger" title="Open command palette (Ctrl+K)">
      {{ icon('command') }}
      <span>Jump</span>
      <kbd>⌘K</kbd>
    </button>
    <a href="/dashboard" title="Open user dashboard">
      {{ icon('external-link') }}
      <span>Dashboard</span>
    </a>
    <a href="/admin/logout" title="Sign out">
      {{ icon('log-out') }}
      <span>Sign out</span>
    </a>
  </div>
</header>

<main class="page">
  {% block page %}{% endblock %}
</main>
{% include "partials/_palette.html" %}
{% endblock %}