{% from "components/ui.html" import csrf_field with context %}
{# ``nav``: the groups and entries the caller may open (navigation.py). #}
<aside class="sidebar">
  <div class="brand"><img class="mark" src="/ui/static/img/icon.svg" alt="" width="21" height="22" /> {{ APP_NAME }}</div>
  <nav class="nav" aria-label="Main">
    {% for group in nav %}
    {% if group.title %}<div class="section">{{ group.title }}</div>{% endif %}
    {% for entry in group.entries %}
    <a href="{{ entry.url }}" class="{{ 'active' if page == entry.key }}"{% if page == entry.key %} aria-current="page"{% endif %}><span class="icon">{{ entry.icon }}</span> {{ entry.label }}</a>
    {% endfor %}
    {% endfor %}
  </nav>
  <div class="spacer"></div>
  {% if me %}
  <div class="foot">
    <div class="who">Signed in as {% if own_page %}<a href="{{ own_page }}"><strong>{{ me.name }}</strong></a>{% else %}<strong>{{ me.name }}</strong>{% endif %}</div>
    <div class="links">
      <a href="/ui/password">Password</a>
      <form class="inline" method="post" action="/ui/logout">
        {{ csrf_field() }}
        <button class="link" type="submit">Sign out</button>
      </form>
    </div>
  </div>
  {% endif %}
</aside>