{% extends "base.html" %}
{% import "_macros.html" as m with context %}
{% block title %}Pageboy · {{ event.id | short_id if event else t('event.missing_title') }}{% endblock %}
{% block content %}
<p class="lede"><a href="/ui">← {{ t('nav.overview') }}</a></p>

{% if not event %}
<section class="panel">
  <div class="panel-head"><h2>{{ t('event.not_found') }}</h2></div>
  <p class="prose muted"><code>{{ event_id }}</code> — {{ t('event.not_found_body') }}</p>
</section>
{% else %}
<section class="panel">
  <div class="panel-head">
    <h2>{{ t('event.heading') }}</h2>
    {% if event.completion %}{{ m.status(event.completion.status) }}{% endif %}
  </div>
  <dl class="kv">
    <dt>{{ t('col.id') }}</dt><dd class="mono">{{ event.id }}</dd>
    <dt>{{ t('col.source') }}</dt><dd>{{ event.source }}</dd>
    <dt>{{ t('col.type') }}</dt><dd class="mono">{{ event.type }}</dd>
    <dt>{{ t('col.time') }}</dt><dd class="time">{{ event.time | when }}</dd>
    {% if event.completion %}
    <dt>{{ t('event.completed') }}</dt>
    <dd>
      {{ event.completion.summary }}
      <span class="muted">· {{ event.completion.completed_at | when }}</span>
      {% for r in event.completion.sync_results %}
      <div class="sync-row">
        {{ m.status('completed' if r.ok else 'failed') }}
        <span class="mono">{{ r.target }}</span>
        {% if r.detail %}<span class="muted">{{ r.detail }}</span>{% endif %}
      </div>
      {% endfor %}
    </dd>
    {% elif event.execution_state %}
    <dt>{{ t('event.progress') }}</dt>
    <dd>
      {% if event.execution_state.status %}{{ m.status(event.execution_state.status) }}{% endif %}
      {% if event.execution_state.progress is defined and event.execution_state.progress is not none %}{{ event.execution_state.progress }}%{% endif %}
      {{ event.execution_state.summary or "" }}
    </dd>
    {% endif %}
  </dl>
  <details class="output">
    <summary>{{ t('event.payload') }} <span class="muted">(data)</span></summary>
    <pre>{{ data_json }}</pre>
  </details>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>{{ t('event.executions') }}</h2>
    {% if event.executions_truncated %}<span class="hint">{{ t('event.truncated', count=executions | length) }}</span>{% endif %}
  </div>
  {% if executions %}
  {% for x in executions %}
  <article class="exec" id="{{ x.execution_id }}">
    <div class="exec-head">
      {{ m.status(x.status) }}
      <span class="mono">{{ x.hook_name }}</span>
      <span class="muted">
        exit {% if x.exit_code is not none %}{{ x.exit_code }}{% else %}—{% endif %}
        · {{ duration(x.started_at, x.finished_at) }}
        · {{ x.started_at | when }}
      </span>
      <span class="mono muted exec-id">{{ x.execution_id }}</span>
    </div>
    {% set problem = x.status in ('failed', 'timeout') %}
    {% if x.stderr %}
    <details class="output"{% if problem %} open{% endif %}>
      <summary>stderr</summary>
      <pre>{{ x.stderr }}</pre>
    </details>
    {% endif %}
    {% if x.stdout %}
    <details class="output"{% if problem and not x.stderr %} open{% endif %}>
      <summary>stdout</summary>
      <pre>{{ x.stdout }}</pre>
    </details>
    {% endif %}
    {% if not x.stdout and not x.stderr %}
    <p class="empty">{{ t('event.no_output') }}</p>
    {% endif %}
  </article>
  {% endfor %}
  {% else %}
  <p class="empty">{{ t('event.no_executions') }}</p>
  {% endif %}
</section>
{% endif %}
{% endblock %}