{% extends "reports/_layout.html" %}
{% from "_macros.html" import icon %}
{% set section = "reports" %}

{% block title %}Reports - {{ brand.name }}{% endblock %}
{% block heading %}Reports{% endblock %}

{% block reports_content %}
<p class="admin-lede">
  Finished work, filed to be read later. A model writes one when you ask for it
  or when it finishes something worth keeping, and anything running on a
  schedule leaves its result here. Nothing on this page can be replied to.
</p>

<form method="get" action="/reports" class="btn-row" style="margin-bottom: var(--sp-5)">
  <input class="input" type="search" name="q" value="{{ q }}" style="flex: 1"
         placeholder="Search reports…">
  <button class="btn" type="submit">{{ icon("search", "icon--sm") }} Search</button>
  {% if q %}<a class="btn btn--sm" href="/reports">Clear</a>{% endif %}
</form>

{% if not reports %}
<div class="empty">
  {{ icon("archive", "empty__mark") }}
  <h2 class="empty__title">{{ "Nothing found" if q else "No reports yet" }}</h2>
  <p class="empty__text">
    {% if q %}
      No report matches “{{ q }}”.
    {% else %}
      Ask a model to write one up when it has finished looking into something,
      and it will appear here.
    {% endif %}
  </p>
</div>
{% else %}
<ul class="model-list">
  {% for report in reports %}
  <li class="model-list__item">
    <div style="min-width: 0">
      <a href="/reports/{{ report.id }}">
        <strong>{{ report.title }}</strong>
      </a>
      <div class="text-xs faint">
        <time datetime="{{ report.created_at.isoformat() }}">
          {{ report.created_at.strftime("%d %b %Y, %H:%M") }}
        </time>
        {% if report.summary %} — {{ report.summary }}{% endif %}
      </div>
    </div>
    <div class="btn-row">
      {% if report.error %}<span class="badge badge--warning">failed</span>{% endif %}
      {% if report.source == "schedule" %}<span class="badge">scheduled</span>{% endif %}
      {% if report.unread %}<span class="badge badge--leaf">new</span>{% endif %}
    </div>
  </li>
  {% endfor %}
</ul>
{% include "library/_pager.html" %}
{% endif %}
{% endblock %}