{% extends "pobsync_backend/base.html" %}

{% block title %}Runs | pobsync{% endblock %}

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Activity</div>
      <h1>Runs</h1>
      <div class="page-subtitle">Review queued, running, completed, warning, failed, and cancelled backup runs.</div>
    </div>
    <section class="actions" aria-label="Run list actions">
      <a class="button-link secondary" href="{% url 'dashboard' %}">Back to dashboard</a>
    </section>
  </header>

  <section class="panel">
    <h2>Filters</h2>
    <form method="get" class="form-grid">
      <div class="field">
        <label for="status">Status</label>
        <select id="status" name="status">
          <option value="">All statuses</option>
          {% for value, label in statuses %}
            <option value="{{ value }}" {% if selected_status == value %}selected{% endif %}>{{ label }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
        <label for="type">Type</label>
        <select id="type" name="type">
          <option value="">All types</option>
          {% for value, label in run_types %}
            <option value="{{ value }}" {% if selected_type == value %}selected{% endif %}>{{ label }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
        <label for="host">Host</label>
        <select id="host" name="host">
          <option value="">All hosts</option>
          {% for host in hosts %}
            <option value="{{ host.host }}" {% if selected_host == host.host %}selected{% endif %}>{{ host.host }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="field">
        <label for="review">Review</label>
        <select id="review" name="review">
          <option value="">All review states</option>
          <option value="needed" {% if selected_review == "needed" %}selected{% endif %}>Needs review</option>
          <option value="reviewed" {% if selected_review == "reviewed" %}selected{% endif %}>Reviewed</option>
        </select>
      </div>
      <div class="actions">
        <button type="submit">Apply filters</button>
        <a class="button-link secondary" href="{% url 'runs_list' %}">Clear</a>
      </div>
    </form>
  </section>

  <section class="panel">
    <h2>Backup Runs</h2>
    <p class="muted">Showing up to 200 of {{ total_count }} run{{ total_count|pluralize }}.</p>
    <table>
      <thead>
        <tr>
          <th>Run</th>
          <th>Host</th>
          <th>Status</th>
          <th>Type</th>
          <th>Created</th>
          <th>Started</th>
          <th>Ended</th>
          <th>Snapshot</th>
          <th>Review</th>
        </tr>
      </thead>
      <tbody>
        {% for run in runs %}
          <tr>
            <td><a href="{% url 'run_detail' run.id %}">Run {{ run.id }}</a></td>
            <td><a href="{% url 'host_detail' run.host.host %}">{{ run.host.host }}</a></td>
            <td><span class="status {{ run.status }}">{{ run.status }}</span></td>
            <td>{{ run.run_type }}</td>
            <td>{{ run.created_at }}</td>
            <td>{{ run.started_at|default:"" }}</td>
            <td>{{ run.ended_at|default:"" }}</td>
            <td>
              {% if run.snapshot %}
                <a href="{% url 'snapshot_detail' run.snapshot.id %}">{{ run.snapshot.dirname }}</a>
              {% elif run.snapshot_path %}
                <span class="muted">{{ run.snapshot_path }}</span>
              {% else %}
                <span class="muted">none</span>
              {% endif %}
            </td>
            <td>{% if run.reviewed_at %}reviewed{% elif run.status == "failed" or run.status == "warning" %}<span class="status warning">needed</span>{% else %}<span class="muted">none</span>{% endif %}</td>
          </tr>
        {% empty %}
          <tr><td colspan="9" class="muted">No runs matched the current filter.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}