{% extends "admin/base_site.html" %}

{% block extrastyle %}
{{ block.super }}
<style>
  .tm-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px; }
  .tm-card { flex: 1 1 120px; border: 1px solid var(--hairline-color); border-radius: 6px; padding: 12px 14px; }
  .tm-card .tm-value { font-size: 1.8rem; font-weight: 600; line-height: 1.2; }
  .tm-card .tm-label { color: var(--body-quiet-color); font-size: 0.8rem; text-transform: uppercase; }
  .tm-card a { color: inherit; }
  .tm-bad .tm-value { color: var(--error-fg); }
  .tm-windows { margin: 0 0 16px; }
  .tm-windows a, .tm-windows strong { margin-right: 12px; }
  .tm-section { margin-bottom: 24px; }
  .tm-section table { width: 100%; }
  .tm-num { text-align: right; }
</style>
{% endblock %}

{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{% url 'admin:index' %}">Home</a></li>
  <li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
  <li aria-current="page">{{ title }}</li>
</ol>
{% endblock %}

{% block content %}
<div class="tm-windows">
  Last:
  {% for window in windows %}
    {% if window == stats.hours %}<strong>{% if window == 1 %}hour{% elif window == 24 %}24 hours{% else %}7 days{% endif %}</strong>
    {% else %}<a href="?hours={{ window }}">{% if window == 1 %}hour{% elif window == 24 %}24 hours{% else %}7 days{% endif %}</a>{% endif %}
  {% endfor %}
</div>

<div class="tm-cards">
  <div class="tm-card"><div class="tm-value">{{ stats.total }}</div><div class="tm-label">Tasks</div></div>
  <div class="tm-card"><div class="tm-value">{{ stats.succeeded }}</div><div class="tm-label">Succeeded</div></div>
  <div class="tm-card{% if stats.failed %} tm-bad{% endif %}"><div class="tm-value"><a href="{% url 'admin:tasks_monitor_taskrecord_changelist' %}?status__exact=FAILED">{{ stats.failed }}</a></div><div class="tm-label">Failed{% if stats.failure_rate is not None %} ({{ stats.failure_rate }}%){% endif %}</div></div>
  <div class="tm-card"><div class="tm-value"><a href="{% url 'admin:tasks_monitor_taskrecord_changelist' %}?status__exact=RUNNING">{{ stats.running }}</a></div><div class="tm-label">Running now</div></div>
  <div class="tm-card"><div class="tm-value"><a href="{% url 'admin:tasks_monitor_taskrecord_changelist' %}?status__exact=READY">{{ stats.waiting }}</a></div><div class="tm-label">Waiting</div></div>
  <div class="tm-card"><div class="tm-value">{{ stats.scheduled }}</div><div class="tm-label">Scheduled</div></div>
  <div class="tm-card{% if stats.stuck %} tm-bad{% endif %}"><div class="tm-value"><a href="{% url 'admin:tasks_monitor_taskrecord_changelist' %}?stuck=yes">{{ stats.stuck }}</a></div><div class="tm-label">Stuck</div></div>
</div>

<div class="module tm-section">
  <h2>By task</h2>
  <table>
    <thead><tr><th>Task</th><th class="tm-num">Total</th><th class="tm-num">Succeeded</th><th class="tm-num">Failed</th><th class="tm-num">Avg duration</th><th class="tm-num">Max duration</th></tr></thead>
    <tbody>
    {% for row in stats.tasks %}
      <tr>
        <td><a href="{% url 'admin:tasks_monitor_taskrecord_changelist' %}?task_path__exact={{ row.task_path|urlencode }}" title="{{ row.task_path }}">{{ row.task_name }}</a></td>
        <td class="tm-num">{{ row.total }}</td>
        <td class="tm-num">{{ row.succeeded }}</td>
        <td class="tm-num">{% if row.failed %}<strong style="color: var(--error-fg)">{{ row.failed }}</strong>{% else %}0{% endif %}</td>
        <td class="tm-num">{{ row.avg_display }}</td>
        <td class="tm-num">{{ row.max_display }}</td>
      </tr>
    {% empty %}
      <tr><td colspan="6">No tasks in this period.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>

<div class="module tm-section">
  <h2>Waiting by queue</h2>
  <table>
    <thead><tr><th>Backend</th><th>Queue</th><th class="tm-num">Waiting</th><th>Oldest enqueued</th></tr></thead>
    <tbody>
    {% for queue in stats.queues %}
      <tr><td>{{ queue.backend }}</td><td>{{ queue.queue_name }}</td><td class="tm-num">{{ queue.waiting }}</td><td>{{ queue.oldest|timesince }} ago</td></tr>
    {% empty %}
      <tr><td colspan="4">Nothing waiting.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>

<div class="module tm-section">
  <h2>Recent failures</h2>
  <table>
    <thead><tr><th>Task</th><th>Error</th><th>Finished</th></tr></thead>
    <tbody>
    {% for record in stats.recent_failures %}
      <tr>
        <td><a href="{% url 'admin:tasks_monitor_taskrecord_change' record.pk %}" title="{{ record.task_path }}">{{ record.task_name }}</a></td>
        <td>{{ record.exception_class }}</td>
        <td>{{ record.finished_at|timesince }} ago</td>
      </tr>
    {% empty %}
      <tr><td colspan="3">No failures in this period.</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}