{% extends "document.html" %}
{% block body %}
{% set path = request.url.path %}
<div class="shell {{ 'bare' if not current_user }}">
  {% if current_user %}
  <aside class="sidebar">
    <a class="brand" href="/"><span class="brand-mark">{{ icon('monitor', 17) }}</span>Lab RDP</a>
    <nav class="nav" aria-label="Main">
      <a href="/" class="{{ 'on' if path == '/' or path.startswith('/machines') }}">{{ icon('monitor', 17) }}Machines</a>
      <a href="/sessions" class="{{ 'on' if path.startswith('/sessions') }}">{{ icon('activity', 17) }}Sessions</a>
      <a href="/history" class="{{ 'on' if path.startswith('/history') }}">{{ icon('history', 17) }}My history</a>
      {% if current_user.is_admin %}
      <div class="nav-label">Administration</div>
      <a href="/manage" class="{{ 'on' if path.startswith('/manage') }}">{{ icon('server', 17) }}Manage machines</a>
      <a href="/compliance" class="{{ 'on' if path.startswith('/compliance') }}">{{ icon('shield', 17) }}Firewall{% include "_nav_count.html" %}</a>
      <a href="/audit" class="{{ 'on' if path.startswith('/audit') }}">{{ icon('file', 17) }}Audit log</a>
      <a href="/settings" class="{{ 'on' if path.startswith('/settings') }}">{{ icon('sliders', 17) }}Settings</a>
      {% endif %}
    </nav>
    <div class="side-foot">
      <div class="whoami">
        <span class="avatar">{{ current_user.label|initials }}</span>
        <div><b>{{ current_user.label }}</b><small>{{ 'Administrator' if current_user.is_admin else 'User' }}</small></div>
      </div>
      <button type="button" class="icon-btn" data-theme-toggle aria-label="Switch between light and dark" title="Switch between light and dark">{{ icon('moon', 16) }}</button>
      <form method="post" action="/logout">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="icon-btn" aria-label="Sign out" title="Sign out">{{ icon('logout', 16) }}</button>
      </form>
    </div>
  </aside>
  {% endif %}
  <main class="content">
    {% block content %}{% endblock %}
  </main>
</div>
{% block dialogs %}{% endblock %}
{% if current_user and current_user.is_admin %}{% include "_admin_overlays.html" %}{% endif %}
{% if current_user %}
<div id="connect-toast" class="toast" role="status" aria-live="polite" hidden>
  <h2 data-toast-title></h2>
  <p data-toast-body></p>
  <div class="links" data-toast-links></div>
</div>
{% endif %}
{% endblock %}