{% extends "base.html" %}
{% from "_macros.html" import icon %}
{#
  The Reports shell.

  Keeps the chat sidebar, like the library does: you come here from a
  conversation to read what something filed and go straight back.

  Deliberately no tab bar. The library has three stores that belong together and
  are switched between; this is one thing. A row of tabs with a single tab in it
  is a control that answers a question nobody asked.

  There is no composer here and no element that fetches, which is the point of
  the section: a report is read, never answered.
#}

{% block head %}
<link rel="stylesheet" href="{{ url_for('static', path='css/chat.css') }}">
<link rel="stylesheet" href="{{ url_for('static', path='css/admin.css') }}">
{% endblock %}

{% block body_attrs %} data-authenticated="true"{% endblock %}

{% block body %}
<div class="shell">
  {% include "partials/sidebar.html" %}

  <main class="main">
    <header class="topbar">
      <h1 class="topbar__title">{% block heading %}Reports{% endblock %}</h1>
      <div class="topbar__actions">{% block actions %}{% endblock %}</div>
    </header>

    {# `.page` content needs `.admin-scroll` around it or `.main`'s min-height:0
       leaves it overflowing the viewport with nothing to scroll. #}
    <div class="admin-scroll">
      <div class="admin-page">
        {% block reports_content %}{% endblock %}
      </div>
    </div>
  </main>
</div>
{% endblock %}