{% extends "base.html" %}
{% block body %}
<nav class="rail">
  <a class="rail-brand" href="/chats">chat</a>
  <ul>
    <li><a href="/chats" class="{% if active_nav == 'chats' %}active{% endif %}">Chats</a></li>
    <li><a href="/bots" class="{% if active_nav == 'bots' %}active{% endif %}">Bots</a></li>
    <li><a href="/snapshots" class="{% if active_nav == 'snapshots' %}active{% endif %}">Snapshots</a></li>
    <li><a href="/settings" class="{% if active_nav == 'settings' %}active{% endif %}">Settings</a></li>
  </ul>
</nav>
<main class="content">
  {% block content %}{% endblock %}
</main>
{% endblock %}