{% import "components.html" as c with context %}
<nav class="rail" id="rail"{% if oob is defined and oob %} hx-swap-oob="outerMorph"{% endif %}>
  <a class="sign" href="/agents" hx-get="/agents" hx-target="#main" hx-push-url="true" aria-label="Bazaar">{% include "sign.svg" %}</a>
  {% if access and access.allows(permissions.AGENTS_VIEW) %}<a class="ic{% if module == 'agents' %} on{% endif %}" href="/agents" hx-get="/agents" hx-target="#main" hx-push-url="true" title="{{ t.text('nav.agents') }}" aria-label="{{ t.text('nav.agents') }}"{% if module == 'agents' %} aria-current="page"{% endif %}>{{ c.icon("users") }}<span class="nav-label">{{ t.text("nav.agents") }}</span></a>{% endif %}
  {% if access and access.allows(permissions.COMPUTERS_VIEW) %}<a class="ic{% if module == 'computers' %} on{% endif %}" href="/computers" hx-get="/computers" hx-target="#main" hx-push-url="true" title="{{ t.text('nav.computers') }}" aria-label="{{ t.text('nav.computers') }}"{% if module == 'computers' %} aria-current="page"{% endif %}>{{ c.icon("monitor") }}<span class="nav-label">{{ t.text("nav.computers") }}</span></a>{% endif %}
  <span class="sp"></span>
  <button class="ic logout" type="button" aria-label="{{ t.text('settings.logout') }}" hx-post="/logout" title="{{ t.text('settings.logout') }}">{{ c.icon("log-out") }}</button>
  <a class="ic{% if module == 'settings' %} on{% endif %}" href="/settings" hx-get="/settings" hx-target="#main" hx-push-url="true" title="{{ t.text('nav.settings') }}" aria-label="{{ t.text('nav.settings') }}"{% if module == 'settings' %} aria-current="page"{% endif %}>{{ c.icon("settings") }}<span class="nav-label">{{ t.text("nav.settings") }}</span></a>
</nav>