{% extends 'workflows/base_shell.html' %}
{% load static i18n %}

{% block title %}{% trans "Job Monitor" %}{% endblock %}

{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}

{% block shell_body %}
<div class="page-stack">
<header class="page-header">
  <div class="page-header-copy">
    <span class="page-eyebrow">{% trans "Operations" %}</span>
    <h1>{% trans "Job Monitor" %}</h1>
    <p class="page-subtitle">{% trans "Asynchrone Aufgaben, Fehler und letzte Worker-Läufe zentral prüfen." %}</p>
  </div>
</header>

{% include 'workflows/includes/messages.html' %}

<section class="card">
  <div class="grid">
    <div class="field">
      <label>{% trans "Fehlgeschlagene Jobs (24h)" %}</label>
      <div class="branding-inline-value">{{ job_summary.failed_count_24h }}</div>
    </div>
    <div class="field">
      <label>{% trans "Erfolgreiche Jobs (24h)" %}</label>
      <div class="branding-inline-value">{{ job_summary.success_count_24h }}</div>
    </div>
    <div class="field">
      <label>{% trans "Offene Starts (24h)" %}</label>
      <div class="branding-inline-value">{{ job_summary.started_count_24h }}</div>
    </div>
    {% if job_summary.can_manage_backups and job_summary.backup_health %}
    <div class="field">
      <label>{% trans "Backup-Status" %}</label>
      <div class="branding-inline-value">
        <strong>{{ job_summary.backup_health.label }}</strong>
        <div class="mini">{{ job_summary.backup_health.summary }}</div>
      </div>
    </div>
    {% endif %}
  </div>
  {% if job_summary.recent_failed %}
  <div class="table-wrap u-mt-12 app-table-shell">
    <table class="app-table">
      <thead>
        <tr>
          <th>{% trans "Zuletzt fehlgeschlagen" %}</th>
          <th>{% trans "Ziel" %}</th>
          <th>{% trans "Fehler" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for log in job_summary.recent_failed %}
        <tr>
          <td>{{ log.task_name }}</td>
          <td>{{ log.target_label|default:log.target_type }}</td>
          <td><code>{{ log.error_message|truncatechars:140 }}</code></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</section>

<section class="card">
  <form method="get" class="app-registry-filters">
    <div class="field">
      <label for="task-filter">{% trans "Task" %}</label>
      <select id="task-filter" name="task">
        <option value="">{% trans "Alle" %}</option>
        {% for task_name in task_names %}
        <option value="{{ task_name }}" {% if task_filter == task_name %}selected{% endif %}>{{ task_name }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="field">
      <label for="status-filter">{% trans "Status" %}</label>
      <select id="status-filter" name="status">
        <option value="">{% trans "Alle" %}</option>
        {% for key, label in status_choices %}
        <option value="{{ key }}" {% if status_filter == key %}selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="field actions u-align-end">
      <button class="btn btn-secondary" type="submit">{% trans "Filtern" %}</button>
    </div>
  </form>
</section>

<section class="card">
  <div class="table-wrap app-table-shell">
    <table class="app-table">
      <thead>
        <tr>
          <th>{% trans "Start" %}</th>
          <th>{% trans "Task" %}</th>
          <th>{% trans "Status" %}</th>
          <th>{% trans "Ziel" %}</th>
          <th>{% trans "Task ID" %}</th>
          <th>{% trans "Fehler" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for log in logs %}
        <tr>
          <td>{{ log.started_at|date:"d.m.Y H:i:s" }}</td>
          <td>{{ log.task_name }}</td>
          <td><span class="badge {% if log.status == 'failed' %}failed{% elif log.status == 'succeeded' %}sent{% else %}scheduled{% endif %}">{{ log.get_status_display }}</span></td>
          <td>{{ log.target_label|default:log.target_type }}</td>
          <td><code>{{ log.task_id|default:"-" }}</code></td>
          <td>{% if log.error_message %}<code>{{ log.error_message|truncatechars:180 }}</code>{% else %}-{% endif %}</td>
        </tr>
        {% empty %}
        <tr><td colspan="6">{% trans "Noch keine Task-Läufe vorhanden." %}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
</div>
{% endblock %}