{% from "_macros.html" import th %}
<form method="get" action="/panel/runs" class="chips">
  <input type="hidden" name="status" value="{{ status }}">
  <a class="chip {{ 'active' if not status }}" href="/panel/runs"
     hx-get="/panel/runs" hx-include="[name='policy_id']"
     hx-target="#runs-results" hx-swap="innerHTML" hx-push-url="true">{{ t('全部') }}</a>
  {% for s in ['running', 'success', 'failed', 'cancelled'] %}
  <a class="chip {{ s }} {{ 'active' if status == s }}" href="/panel/runs?status={{ s }}"
     hx-get="/panel/runs" hx-vals='{"status": "{{ s }}"}' hx-include="[name='policy_id']"
     hx-target="#runs-results" hx-swap="innerHTML" hx-push-url="true">{{ s }}</a>
  {% endfor %}
  <select name="policy_id" aria-label="{{ t('策略') }}"
          hx-get="/panel/runs" hx-include="this"
          hx-target="#runs-results" hx-swap="innerHTML" hx-push-url="true">
    <option value="">{{ t('全部策略') }}</option>
    {% for pid, pname in policies.items() %}
    <option value="{{ pid }}" {{ 'selected' if request.query_params.get('policy_id')|int == pid }}>{{ pname }}</option>
    {% endfor %}
  </select>
  <noscript><button type="submit" class="btn">{{ t('筛选') }}</button></noscript>
</form>
<div class="table-wrap">
<table>
  <thead>
  <tr>{{ th('ID') }}{{ th(t('策略'), 'Policy') }}{{ th(t('状态'), 'Status') }}{{ th(t('预估抓取'), 'Est. fetches') }}{{ th(t('任务'), 'Job') }}{{ th(t('开始'), 'Started') }}{{ th(t('结束'), 'Finished') }}{{ th(t('详情'), 'Detail') }}</tr>
  </thead>
  {% for r in runs %}{% include "_run_row.html" %}{% else %}
  <tr><td colspan="8" class="muted">{{ t('暂无运行') }}</td></tr>
  {% endfor %}
</table>
</div>