{% extends "leeuwenhoek/base.html" %}
{% from "leeuwenhoek/_macros.html" import pagination with context %}
{% block title %}{{ title }} · Leeuwenhoek{% endblock %}
{% block content %}
  <div class="level">
    <div class="level-left"><h1 class="title is-4">{{ title }}</h1></div>
    <div class="level-right">
      {% if slug == 'exceptions' %}
        {#- Resolved families are hidden unless ?resolved=1; the other filters are kept. #}
        {%- set toggle_args = {} -%}
        {%- for k, v in dict(tag=tag, q=q).items() if v %}{% set _ = toggle_args.update({k: v}) %}{% endfor -%}
        {%- if not show_resolved %}{% set _ = toggle_args.update(resolved='1') %}{% endif %}
        <div class="level-item">
          <a class="button is-small{{ ' is-success is-light' if show_resolved }}" href="{{ url_for('leeuwenhoek.listing', slug=slug, **toggle_args) }}">
            {{- 'Hide resolved' if show_resolved else 'Show resolved' -}}</a>
        </div>
      {% endif %}
      <form method="get">
        <input type="hidden" name="q" value="{{ q }}">
        {% if show_resolved %}<input type="hidden" name="resolved" value="1">{% endif %}
        <div class="field has-addons">
          <div class="control"><input class="input is-small" name="tag" placeholder="tag (e.g. status:500)" value="{{ tag }}"></div>
          <div class="control"><button class="button is-small" type="submit">Filter</button></div>
        </div>
      </form>
    </div>
  </div>

  {#- The table is rendered even while empty (hidden) so live polling has somewhere to put new
      rows. `rows_url` is only set when polling is on and this is the newest page. #}
  <div class="notification" id="lw-empty"{% if entries %} hidden{% endif %}>Nothing here yet.</div>
  <div class="table-container"{% if not entries %} hidden{% endif %}>
    <table class="table is-fullwidth is-hoverable is-narrow">
      <thead><tr>
        {%- if entry_type -%}
          {% import "leeuwenhoek/entries/" ~ entry_type ~ ".html" as t with context %}{{ t.head() }}
        {%- else -%}
          <th>Type</th><th>Summary</th><th>When</th>
        {%- endif -%}
      </tr></thead>
      <tbody id="lw-listing"{% if rows_url %} data-rows-url="{{ rows_url }}"{% endif %}>{% include "leeuwenhoek/_rows.html" %}</tbody>
    </table>
  </div>
  {{ pagination(older_url, newer_url) }}
{% endblock %}