{% extends "base.html" %}
{% block body %}
<main>
  <p class="ref"><span title="{{ item.id }}">{{ ref }}</span> <code class="sr">{{ item.id }}</code></p>
  <h1 tabindex="-1" autofocus{% if untitled %} class="ink-3"{% endif %}>{{ heading }}</h1>
  {%- set where = around("item.scope", "scope", ring=ring) if ring else around("item.scope.root", "scope") %}
  <p class="where">{{ where[0] }}<a href="/?q=scope:{{ scope | urlencode }}"><code>{{ scope }}</code></a>{{ where[1] }}{% if engine %} · {{ t("item.titled", engine=engine) }}{% endif %} <span class="stamp stamp--{{ item.status }}">{{ item.status }}</span></p>

  <section>
    <h2>{{ S["section.content"] }}</h2>
    {%- if artifact %}
    <table class="meta-table">
      <tr><th scope="row">{{ S["meta.filename"] }}</th><td><code>{{ artifact.filename or S["prov.null"] }}</code></td></tr>
      <tr><th scope="row">{{ S["meta.size"] }}</th><td>{{ artifact.size }}</td></tr>
      <tr><th scope="row">{{ S["meta.mime"] }}</th><td><code>{{ artifact.mime }}</code></td></tr>
      <tr><th scope="row">{{ S["meta.sha"] }}</th><td><code>{{ artifact.sha }}</code></td></tr>
    </table>
    {%- if body %}<pre class="body" aria-label="Body">{{ body }}{% if cut %}…{% endif %}</pre>{% endif %}
    {%- elif body %}
    <pre class="body" aria-label="Body">{{ body }}{% if cut %}…{% endif %}</pre>
    {%- else %}
    <p class="ink-3">{{ S["content.empty"] }}</p>
    {%- endif %}
    {%- if cut %}
    <p><a href="/items/{{ item.id }}?full=1">{{ S["content.more"] }}</a></p>
    {%- endif %}
  </section>

  <section>
    <h2>{{ S["section.provenance"] }}</h2>
    <dl>
      {%- for label, value in prov %}
      <dt>{{ label }}</dt>
      <dd>{% if label == "derived from" and derived_link %}<a href="/items/{{ derived_link }}"><code>{{ value }}</code></a>{% elif value %}<code>{{ value }}</code>{% else %}{{ S["prov.null"] }}{% endif %}</dd>
      {%- endfor %}
    </dl>
  </section>

  <section>
    <h2>{{ S["section.trust"] }}</h2>
    <dl>
      {#- §3.4: the status stamp, plus for verified the trust.promoted line itself, unlabelled #}
      <dt>{{ S["dl.status"] }}</dt><dd><span class="stamp stamp--{{ item.status }}">{{ item.status }}</span>{% if promoted %} {{ promoted }}{% endif %}</dd>
    </dl>
  </section>

  <section>
    <h2>{{ S["section.lifecycle"] }}</h2>
    <dl>
      {%- for label, value in life %}
      <dt>{{ label }}</dt><dd>{{ value }}</dd>
      {%- endfor %}
    </dl>
  </section>

  <section>
    <h2>{{ S["section.tags"] }}</h2>
    <dl>
      <dt>{{ S["dl.tags"] }}</dt><dd>{% if tags %}{% for tag in tags %}<code>#{{ tag }}</code> {% endfor %}{% else %}<span class="ink-3">{{ S["prov.null"] }}</span>{% endif %}</dd>
      <dt>{{ S["dl.key"] }}</dt><dd>{% if key %}<code>{{ key }}</code>{% else %}{{ S["prov.null"] }}{% endif %}</dd>
    </dl>
  </section>

  {#- lifeboat.md §18: with htmx the form posts in place and the acts block is swapped; in flight
       (R9) the button reads Promoting…, every act is disabled and the block is aria-busy. Without
       JS the same form posts the whole page. An armed block lapses back after its 10 s. #}
  <section class="acts" id="acts" data-acts{% if arm %} hx-get="/items/{{ item.id }}" hx-trigger="load delay:{{ refresh or 10 }}s" hx-select="#acts" hx-target="this" hx-swap="outerHTML"{% endif %}>
    {%- if message %}
    <p class="outcome{% if message[0] in ('error', 'lapsed') %} alarm-text{% endif %}" role="status">{{ message[1] }}</p>
    {%- endif %}
    {%- if can_promote %}
    <form method="post" action="/items/{{ item.id }}/promote" hx-post="/items/{{ item.id }}/promote" hx-target="#acts" hx-select="#acts" hx-swap="outerHTML" hx-indicator="#acts" hx-disabled-elt="#acts button">
      <input type="hidden" name="csrf" value="{{ csrf }}">
      <input type="hidden" name="version" value="{{ version }}">
      {%- if arm %}
      <input type="hidden" name="arm" value="{{ arm }}">
      <button class="act"><span class="idle">{{ S["act.promote.confirm"] }}</span><span class="busy">{{ S["act.promote.inflight"] }}</span></button>
      <span class="sr" aria-live="polite">{{ S["act.promote.sr"] }}</span>
      {%- else %}
      <button class="act"><span class="idle">{{ S["act.promote"] }}</span><span class="busy">{{ S["act.promote.inflight"] }}</span></button>
      {%- endif %}
    </form>
    {%- endif %}
    {%- if artifact %}
    <a class="ghost" href="/items/{{ item.id }}/download">{{ S["content.download"] }}</a>
    {%- endif %}
  </section>
</main>
{% endblock %}