{% extends "base.html" %}
{% from "_page_header.html" import page_header %}
{% from "_components.html" import badge, identifier, kv, operations_journey %}
{% block content %}
{% set latest = versions[0] if versions else None %}
{% call page_header(document.title, document.external_id) %}
<div class="flex flex-wrap items-center gap-sm">
  {% if document.source_deleted %}{{ badge("Retired", "neutral") }}
  {% elif latest and latest.state.value == "published" %}{{ badge("Searchable", "ok") }}
  {% elif latest and latest.state.value == "failed" %}{{ badge("Failed", "error") }}
  {% elif latest %}{{ badge("Processing", "info") }}
  {% else %}{{ badge("No version", "neutral") }}{% endif %}
</div>
{% endcall %}

{% set journey_job = jobs.get(latest.job_id) if latest and latest.job_id else None %}
{{ operations_journey(
  source_url="/admin/sources/" ~ source.id if source else None,
  source_label=source.name if source else "Source unavailable",
  document_url="/admin/documents/" ~ document.id,
  document_label=document.title,
  job_url="/admin/jobs/" ~ journey_job.id if journey_job else None,
  job_label="Job " ~ (journey_job.id | string)[:8] ~ "…" if journey_job else "Job unavailable",
  current="document"
) }}

{% if latest and latest.state.value == "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">Ingestion failed{% if latest.failed_at %} on {{ latest.failed_at.strftime("%Y-%m-%d %H:%M") }}{% endif %}.</p>
  <p class="text-body-md font-body-md text-on-surface-variant mt-xs">{{ failure_labels.get(latest.failure_code, "The worker recorded a failure.") }} <span class="text-code-sm font-code-sm">({{ latest.failure_code or "unknown" }})</span></p>
  <p class="text-body-sm font-body-sm text-on-surface-variant mt-xs">
    {% if latest.failure_retryable and latest.job_id and jobs.get(latest.job_id) %}This failure was transient on its last attempt; open the linked job and retry it when the Retry action is offered.{% elif latest.failure_retryable %}This failure was transient, but its job is unavailable here; upload or sync the item again.{% else %}This failure is not retryable: fix the content or its type and upload/sync again.{% endif %}
    {% if latest.job_id and jobs.get(latest.job_id) %} Job: <a href="/admin/jobs/{{ latest.job_id }}" class="text-primary hover:underline text-code-sm font-code-sm">{{ (latest.job_id | string)[:8] }}…</a>{% elif latest.job_id %} Job: <span class="text-code-sm font-code-sm">unavailable</span>{% endif %}
  </p>
</div>
{% endif %}

<nav aria-label="Document sections" class="flex flex-wrap gap-xs mb-md border-b border-[#1E293B]">
  {% for anchor, label in [("overview", "Overview"), ("chunks", "Chunks"), ("metadata", "Metadata"), ("versions", "Versions"), ("jobs", "Jobs")] %}
  <a href="#{{ anchor }}" class="px-md py-sm text-body-md font-headline-md text-on-surface-variant hover:text-primary border-b-2 border-transparent hover:border-primary">{{ label }}</a>
  {% endfor %}
</nav>

<div class="grid grid-cols-1 xl:grid-cols-2 gap-md items-start">
  <section id="overview" aria-labelledby="overview-heading" class="glass-panel rounded-lg p-lg">
    <h2 id="overview-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Overview</h2>
    <dl>
      {{ kv("Title", document.title) }}
      <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 source %}<a href="/admin/sources/{{ source.id }}" class="hover:text-primary">{{ source.name }}</a> <span class="text-on-surface-variant">({{ source.kind.value }})</span>{% else %}{{ identifier(document.source_id) }}{% endif %}</dd>
      </div>
      {{ kv("Item in source", document.external_id, mono=True) }}
      {{ kv("Knowledge space", space_name or document.space_id) }}
      {{ kv("Content type", content_type) }}
      {{ kv("Language", language) }}
      {{ kv("Trust level", trust_level) }}
      {% if shown %}
      {{ kv("Shown version", state_labels.get(shown.state.value, shown.state.value) ~ (" · " ~ shown.created_at.strftime("%Y-%m-%d %H:%M") if shown.created_at else "")) }}
      {{ kv("Parser", shown.parser_version, mono=True) }}
      {{ kv("Chunk profile", shown.chunk_profile_version, mono=True) }}
      {{ kv("OCR used", ocr_used) }}
      {{ kv("Content hash", shown.content_hash, mono=True) }}
      {{ kv("Source fingerprint", shown.source_fingerprint, mono=True) }}
      {% if shown.source_revision %}{{ kv("Source revision", shown.source_revision, mono=True) }}{% endif %}
      {{ kv("Chunks indexed", chunks | length) }}
      {% endif %}
      <div class="flex flex-col gap-xs py-sm">
        <dt class="text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Document ID</dt>
        <dd>{{ identifier(document.id, "document-id", short=36) }}</dd>
      </div>
    </dl>
  </section>

  <section id="versions" aria-labelledby="versions-heading" class="glass-panel rounded-lg p-lg">
    <h2 id="versions-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Versions</h2>
    {% if not versions %}
    <p class="text-body-md font-body-md text-on-surface-variant">No version has been recorded for this document yet.</p>
    {% else %}
    <ol class="divide-y divide-[#1E293B]">
      {% for version in versions %}
      <li class="py-sm flex flex-col gap-xs">
        <div class="flex items-center justify-between gap-sm">
          <a href="/admin/documents/{{ document.id }}?version_id={{ version.id }}" class="text-body-md font-headline-md text-on-surface hover:text-primary">{{ version.created_at.strftime("%Y-%m-%d %H:%M") if version.created_at else "Version" }}{% if shown and version.id == shown.id %} <span class="text-on-surface-variant font-body-md">(shown)</span>{% endif %}</a>
          {% if version.state.value == "published" %}{{ badge("Searchable", "ok") }}
          {% elif version.state.value == "failed" %}{{ badge("Failed", "error") }}
          {% elif version.state.value in ("superseded", "retired") %}{{ badge(version.state.value | capitalize, "neutral") }}
          {% else %}{{ badge("Processing", "info") }}{% endif %}
        </div>
        <p class="text-code-sm font-code-sm text-on-surface-variant">{{ version.parser_version }} · {{ version.chunk_profile_version }}{% if version.failure_code %} · <span class="text-error">{{ version.failure_code }}</span>{% endif %}</p>
        <p>{{ identifier(version.id, "version-" ~ loop.index) }}</p>
      </li>
      {% endfor %}
    </ol>
    {% endif %}
  </section>
</div>

<section id="chunks" aria-labelledby="chunks-heading" class="glass-panel rounded-lg overflow-hidden mt-md">
  <div class="flex items-center justify-between gap-md px-md py-sm border-b border-[#1E293B]">
    <h2 id="chunks-heading" class="text-headline-md font-headline-md text-on-surface">Chunks sent to retrieval</h2>
    <p class="text-body-sm font-body-sm text-on-surface-variant">{{ chunks | length }} child chunks{% if parent_count %} · {{ parent_count }} parent chunks (context only){% endif %}</p>
  </div>
  {% if not chunks %}
  <p class="p-lg text-body-md font-body-md text-on-surface-variant" role="status">{% if shown and shown.state.value == "failed" %}This version failed before any chunk was stored.{% elif shown and shown.state.value != "published" %}Chunks are stored when the version is published.{% else %}No chunks are stored for this version.{% endif %}</p>
  {% else %}
  <ol class="divide-y divide-[#1E293B]">
    {% for chunk in chunks %}
    <li class="p-md">
      <div class="flex flex-wrap items-center gap-sm mb-xs text-code-sm font-code-sm text-on-surface-variant">
        <span>#{{ loop.index }}</span>
        <span>{{ chunk.structure_path }}</span>
        {% if chunk.metadata.get("section") %}<span>· {{ chunk.metadata.get("section") }}</span>{% endif %}
        {% if chunk.metadata.get("page_start") %}<span>· p. {{ chunk.metadata.get("page_start") }}{% if chunk.metadata.get("page_end") and chunk.metadata.get("page_end") != chunk.metadata.get("page_start") %}–{{ chunk.metadata.get("page_end") }}{% endif %}</span>{% endif %}
        {% if chunk.metadata.get("line_start") %}<span>· lines {{ chunk.metadata.get("line_start") }}–{{ chunk.metadata.get("line_end") }}</span>{% endif %}
        <span>· {{ chunk.token_count }} tokens</span>
        <span class="ml-auto">{{ identifier(chunk.id, "chunk-" ~ loop.index) }}</span>
      </div>
      <pre class="text-body-md font-body-md text-on-surface whitespace-pre-wrap break-words bg-background border border-[#1E293B] rounded-DEFAULT p-md max-h-64 overflow-y-auto">{{ chunk.content }}</pre>
    </li>
    {% endfor %}
  </ol>
  {% endif %}
</section>

<section id="metadata" aria-labelledby="metadata-heading" class="glass-panel rounded-lg p-lg mt-md">
  <h2 id="metadata-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Artifacts &amp; metadata</h2>
  {% if artifacts %}
  <dl>
    {% for artifact in artifacts %}
    {{ kv(artifact.kind ~ " artifact", artifact.storage_key ~ " (" ~ artifact.size_bytes ~ " bytes, sha256 " ~ artifact.content_hash[:16] ~ "…)", mono=True) }}
    {% endfor %}
  </dl>
  {% else %}
  <p class="text-body-md font-body-md text-on-surface-variant">No parsed artifact is stored for the shown version.</p>
  {% endif %}
</section>

<section id="jobs" aria-labelledby="jobs-heading" class="glass-panel rounded-lg p-lg mt-md">
  <h2 id="jobs-heading" class="text-headline-md font-headline-md text-on-surface mb-sm">Ingestion jobs</h2>
  {% if not jobs %}
  <p class="text-body-md font-body-md text-on-surface-variant">No job is linked to this document's versions (versions created before job linking existed show no job).</p>
  {% else %}
  <ul class="divide-y divide-[#1E293B]">
    {% for job_id, job in jobs.items() %}
    <li class="py-sm flex flex-wrap items-center justify-between gap-sm">
      <a href="/admin/jobs/{{ job.id }}" class="text-body-md font-headline-md text-on-surface hover:text-primary">{{ job.operation }} · {{ (job.id | string)[:8] }}…</a>
      <span class="flex items-center gap-sm">
        <span class="text-body-sm font-body-sm text-on-surface-variant">attempt {{ job.attempt_count }}/{{ job.max_attempts }}</span>
        {% if job.status.value == "succeeded" %}{{ badge("Succeeded", "ok") }}{% elif job.status.value == "terminal" %}{{ badge("Failed", "error") }}{% elif job.status.value == "leased" %}{{ badge("Running", "info") }}{% elif job.status.value == "retry_wait" %}{{ badge("Retrying", "warn") }}{% else %}{{ badge("Queued", "neutral") }}{% endif %}
      </span>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</section>
{% endblock %}