{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% from "_components.html" import badge, identifier, kv, operations_journey %}
{% block content %}
{% call page_header(row.operation_label, row.subject) %}
<div class="flex flex-wrap items-center gap-sm">
  {% if row.status_label == "Succeeded" %}{{ badge(row.status_label, "ok") }}
  {% elif row.status_label == "Failed" %}{{ badge(row.status_label, "error") }}
  {% elif row.status_label == "Running" %}{{ badge(row.status_label, "info") }}
  {% elif row.status_label == "Retrying" %}{{ badge(row.status_label, "warn") }}
  {% else %}{{ badge(row.status_label, "neutral") }}{% endif %}
  {% if can_retry %}
  <form method="post" action="/admin/jobs/{{ row.job.id }}/retry" class="inline" data-confirm="Requeue this job? It gets a fresh attempt budget and the worker will run it again.">
    <button type="submit" class="btn-primary inline-flex items-center gap-xs px-md py-sm rounded-DEFAULT text-body-sm font-headline-md">
      <span class="material-symbols-outlined text-[16px]" aria-hidden="true">replay</span> Retry
    </button>
  </form>
  {% endif %}
</div>
{% endcall %}

{{ operations_journey(
  source_url="/admin/sources/" ~ row.source_id if row.source_linkable else None,
  source_label=row.source_name or ("Source " ~ (row.source_id | string)[:8] ~ "…" if row.source_id else "Source unavailable"),
  document_url="/admin/documents/" ~ row.document_id if row.document_id else None,
  document_label=row.subject if row.document_id else "Document unavailable",
  job_url="/admin/jobs/" ~ row.job.id,
  job_label=row.operation_label,
  current="job"
) }}

{% if notice %}
<p role="status" class="text-body-md font-body-md text-tertiary bg-tertiary-container/10 border-l-4 border-tertiary rounded-DEFAULT p-md mb-md">{{ notice }}</p>
{% endif %}

{% if row.status_label == "Failed" %}
<div role="alert" class="glass-panel state-critical rounded-lg p-md mb-md">
  <p class="text-body-md font-headline-md text-on-surface">This job failed terminally after {{ row.job.attempt_count }} attempt{{ "s" if row.job.attempt_count != 1 else "" }}.</p>
  <p class="text-body-md font-body-md text-on-surface-variant mt-xs">Error code: <span class="text-code-sm font-code-sm">{{ row.job.last_error_code or "unknown" }}</span>{% if row.failure_code %} · failure: <span class="text-code-sm font-code-sm">{{ row.failure_code }}</span>{% endif %}</p>
  <p class="text-body-sm font-body-sm text-on-surface-variant mt-xs">{% if row.retryable %}The last failure was retryable (transient); requeueing gives it a fresh attempt budget.{% else %}The failure is not retryable: fix the content or configuration and upload/sync again. Requeueing would fail the same way.{% endif %}</p>
</div>
{% endif %}

<div class="grid grid-cols-1 xl:grid-cols-2 gap-md items-start">
  <section aria-labelledby="job-overview-heading" class="glass-panel rounded-lg p-lg">
    <h2 id="job-overview-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Overview</h2>
    <dl>
      {{ kv("Type", row.operation_label) }}
      {{ kv("Concerns", row.subject) }}
      <div class="flex flex-col gap-xs py-sm border-b border-[#1E293B]">
        <dt class="text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Source</dt>
        <dd class="text-body-md font-body-md text-on-surface">{% if row.source_linkable %}<a href="/admin/sources/{{ row.source_id }}" class="hover:text-primary">{{ row.source_name }}</a>{% elif row.source_id %}{{ row.source_name or (row.source_id | string)[:8] ~ "…" }}{% else %}—{% endif %}</dd>
      </div>
      <div class="flex flex-col gap-xs py-sm border-b border-[#1E293B]">
        <dt class="text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Document</dt>
        <dd class="text-body-md font-body-md text-on-surface">{% if row.document_id %}<a href="/admin/documents/{{ row.document_id }}" class="hover:text-primary">{{ row.subject }}</a>{% else %}<span class="text-on-surface-variant">Not available yet</span>{% endif %}</dd>
      </div>
      {{ kv("Queued", row.queued_at.strftime("%Y-%m-%d %H:%M:%S")) }}
      {{ kv("Started", row.started_at.strftime("%Y-%m-%d %H:%M:%S") if row.started_at else "Not started") }}
      {{ kv("Finished", row.finished_at.strftime("%Y-%m-%d %H:%M:%S") if row.finished_at else "—") }}
      {{ kv("Duration", ("%.1f s" | format(row.duration_seconds)) if row.duration_seconds is not none else "—") }}
      {{ kv("Attempts", row.job.attempt_count ~ " / " ~ row.job.max_attempts) }}
      {{ kv("Worker", row.job.leased_by) }}
      {{ kv("Trace", row.job.trace_id, mono=True) }}
      <div class="flex flex-col gap-xs py-sm">
        <dt class="text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Job ID</dt>
        <dd>{{ identifier(row.job.id, "job-id", short=36) }}</dd>
      </div>
    </dl>
  </section>

  <section aria-labelledby="job-payload-heading" class="glass-panel rounded-lg p-lg">
    <h2 id="job-payload-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Request</h2>
    {% if safe_payload %}
    <dl>
      {% for key, value in safe_payload.items() %}{{ kv(key.replace("_", " "), value, mono=(key in ("space_id", "source_id", "revision"))) }}{% endfor %}
    </dl>
    {% else %}
    <p class="text-body-md font-body-md text-on-surface-variant">No operational request fields.</p>
    {% endif %}
    {% if error_details %}
    <h3 class="text-body-md font-headline-md text-on-surface mt-md mb-xs">Error details</h3>
    <dl>
      {% for key, value in error_details.items() %}{{ kv(key.replace("_", " "), value, mono=True) }}{% endfor %}
    </dl>
    {% endif %}
  </section>
</div>

<section aria-labelledby="attempts-heading" class="glass-panel rounded-lg overflow-hidden mt-md">
  <h2 id="attempts-heading" class="text-headline-md font-headline-md text-on-surface px-md py-sm border-b border-[#1E293B]">Attempts</h2>
  {% if not attempts %}
  <p class="p-lg text-body-md font-body-md text-on-surface-variant" role="status">No attempt has been made yet.</p>
  {% else %}
  <div class="overflow-x-auto">
    <table class="w-full text-left border-collapse" data-mobile-records="attempts">
      <caption class="sr-only">Attempts of this job</caption>
      <thead class="bg-[#0F172A] border-b border-[#1E293B]">
        <tr>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">#</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Worker</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Started</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Finished</th>
          <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Outcome</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-[#1E293B]">
        {% for attempt in attempts %}
        <tr>
          <th scope="row" class="py-sm px-md text-body-md font-body-md text-on-surface" data-label="Attempt">{{ attempt.attempt_number }}</th>
          <td class="py-sm px-md text-code-sm font-code-sm text-on-surface-variant" data-label="Worker">{{ attempt.worker_id }}</td>
          <td class="py-sm px-md text-body-md font-body-md text-on-surface-variant" data-label="Started">{{ attempt.leased_at.strftime("%Y-%m-%d %H:%M:%S") }}</td>
          <td class="py-sm px-md text-body-md font-body-md text-on-surface-variant" data-label="Finished">{{ attempt.finished_at.strftime("%Y-%m-%d %H:%M:%S") if attempt.finished_at else "—" }}</td>
          <td class="py-sm px-md" data-label="Outcome">
            {% if attempt.status == "succeeded" %}{{ badge("Succeeded", "ok") }}
            {% elif attempt.status in ("terminal", "expired") %}{{ badge(attempt.status | capitalize, "error") }}
            {% elif attempt.status == "retry_wait" %}{{ badge("Retry scheduled", "warn") }}
            {% else %}{{ badge(attempt.status | capitalize, "info") }}{% endif %}
            {% if attempt.error_code %}<span class="text-code-sm font-code-sm text-error ml-xs">{{ attempt.error_code }}</span>{% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% endif %}
</section>
{% endblock %}