{% extends "admin/jobs/base.html" %}
{% from "admin/jobs/macros.html" import badge, timestamp, paging with context %}
{% block jobs_filters %}
<form class="jobs-filters" method="get" action="/admin/jobs/tasks">
  <div class="input-icon jobs-search">
    <span class="input-icon-addon"><i class="ti ti-search"></i></span>
    <input class="form-control" type="search" name="q" value="{{ filters.q }}" placeholder="Search task name or ID" aria-label="Search task name or ID" maxlength="155"/>
  </div>
  <select name="queue" class="form-select" aria-label="Queue">
    <option value="">All queues</option>
    {% for queue in queues %}<option value="{{ queue }}" {{ 'selected' if filters.queue == queue }}>{{ queue }}</option>{% endfor %}
  </select>
  <input class="form-control" name="worker" value="{{ filters.worker }}" placeholder="Worker name" aria-label="Worker name" maxlength="155"/>
  {% if filters.status %}<input type="hidden" name="status" value="{{ filters.status }}"/>{% endif %}
  <input type="hidden" name="sort" value="{{ sort }}"/>
  <button class="btn btn-primary" type="submit">Filter</button>
  {% if filters.q or filters.queue or filters.worker or filters.status %}<a href="/admin/jobs/tasks" class="btn">Clear</a>{% endif %}
</form>
{% endblock %}
{% block jobs_content %}
<div class="jobs-state-grid" aria-label="Filter tasks by state">
  <a class="card jobs-state {{ 'selected' if not filters.status }}" href="?{{ querystring(request.query_params, status='', page='') }}" {{ 'aria-current=true' if not filters.status }}>
    <div class="subheader">All tasks</div><div class="jobs-stat">{{ all_count }}</div><span class="text-secondary small">Retained history</span>
  </a>
  {% for state, label in states.items() %}{% if state != 'ABANDONED' %}
  <a class="card jobs-state {{ 'selected' if filters.status == state }}" href="?{{ querystring(request.query_params, status=state, page='') }}" {{ 'aria-current=true' if filters.status == state }}>
    <div class="subheader"><span class="jobs-dot text-{{ label[1] }}"></span>{{ label[0] }}</div><div class="jobs-stat">{{ counts.get(state, 0) }}</div><span class="text-secondary small">{{ 'Waiting to execute' if state == 'PENDING' else 'Active processes' if state == 'STARTED' else 'Backoff before retry' if state == 'RETRY' else 'Completed' if state == 'SUCCESS' else 'Needs attention' if state == 'FAILURE' else 'Cancelled' }}</span>
  </a>
  {% endif %}{% endfor %}
</div>
<figure class="card jobs-volume">
  <figcaption><strong>Task volume</strong><span class="text-secondary small">All queues · Last 24 hours · UTC</span></figcaption>
  <div class="jobs-bars" role="img" aria-label="Tasks received each hour over the last 24 hours">
    {% for bar in chart %}<div class="jobs-bar-slot" title="{{ bar.hour | format_datetime('%d %b %H:00') }} UTC: {{ bar.count }} tasks"><span style="height: {{ bar.height }}%" class="{{ 'empty' if not bar.count }}"></span>{% if loop.index0 % 4 == 0 or loop.last %}<small>{{ bar.hour | format_datetime('%H:00') }}</small>{% endif %}</div>{% endfor %}
  </div>
</figure>
<div class="card">
  <div class="card-header"><h3 class="card-title">Tasks</h3><span class="text-secondary small ms-auto">{{ total }} matching</span></div>
  <div class="table-responsive">
    <table class="table table-vcenter card-table jobs-table">
      <thead><tr>
        {% for key, label in [('name','Task / ID'), ('status','State'), ('created','Received'), ('eta','ETA'), ('retries','Retries')] %}
        <th><a href="?{{ querystring(request.query_params, sort=('-' + key if sort == key else key), page='') }}">{{ label }}{% if sort.lstrip('-') == key %} <i class="ti ti-arrow-{{ 'down' if sort.startswith('-') else 'up' }}"></i>{% endif %}</a></th>
        {% endfor %}<th>Runtime</th><th>Worker</th>
      </tr></thead>
      <tbody>
      {% for item in tasks %}{% set task = item.task %}
        <tr>
          <td class="jobs-task-cell"><a class="jobs-task-name" href="/admin/jobs/tasks/{{ task.task_id | urlencode }}">{{ task.name }}</a><code class="jobs-task-id">{{ task.task_id }}</code><span class="text-secondary small">{{ task.queue }}</span></td>
          <td>{{ badge(task.status, states) }}</td>
          <td class="jobs-date">{{ timestamp(task.date_created) }}</td>
          <td class="jobs-date">{{ timestamp(task.eta) }}</td>
          <td>{{ task.retries }} <span class="text-secondary">/ {{ task.max_retries }}</span></td>
          <td class="font-monospace">{{ item.runtime }}</td>
          <td class="jobs-worker-cell">{% if task.worker %}{% if perms.jobs.view_worker %}<a href="/admin/jobs/workers?{{ querystring({}, q=task.worker) }}">{{ task.worker }}</a>{% else %}{{ task.worker }}{% endif %}{% else %}<span class="text-secondary">Unassigned</span>{% endif %}</td>
        </tr>
      {% else %}<tr><td colspan="7"><div class="empty"><div class="empty-icon"><i class="ti ti-list-check"></i></div><p class="empty-title">No tasks match these filters</p><p class="empty-subtitle text-secondary">New jobs will appear here as they are queued.</p></div></td></tr>{% endfor %}
      </tbody>
    </table>
  </div>
  {{ paging(page, pages, total, request) }}
</div>
{% endblock %}