{% extends "admin/layout.html" %}
{% block subtitle %}- run {{ run.id }}{% endblock %}
{% block content %}
<h1>Workflow run</h1>
<p>
  <strong>Id:</strong> {{ run.id }}<br>
  <strong>Name:</strong> {{ run.name }}<br>
  <strong>Status:</strong> <span class="badge badge-{{ run.status }}">{{ run.status }}</span><br>
  <strong>Started at:</strong> {{ run.started_at }}<br>
  <strong>Finished at:</strong> {{ run.finished_at or "-" }}
</p>

<h2>Steps</h2>
<ul id="bao-steps" class="bao-steps"
    hx-ext="sse"
    sse-connect="{{ channel('workflow', run.id) }}"
    sse-swap="step"
    hx-swap="beforeend">
  {% for s in steps %}
  <li class="bao-step">
    <strong>{{ s.ord }}. {{ s.step_name }}</strong>:
    <span class="badge badge-{{ s.status }}">{{ s.status }}</span>
    (attempts={{ s.attempt_count }})
    {% if s.error %}<div><em>error:</em> <span class="bao-preview">{{ s.error }}</span></div>{% endif %}
    {% if s.result_preview %}<div><em>result:</em> <span class="bao-preview">{{ s.result_preview }}</span></div>{% endif %}
  </li>
  {% else %}
  <li>(no steps recorded yet)</li>
  {% endfor %}
</ul>

<h2>Actions</h2>
{% if run.status == 'failed' %}
<form class="bao-inline" method="post" action="/_bao/workflows/{{ run.id }}/replay">
  <input type="hidden" name="_csrf" value="{{ csrf_token }}">
  <button class="bao-btn" type="submit">Replay</button>
</form>
{% endif %}
<button class="bao-btn" type="button" disabled title="Cancel is reserved for Phase 3.">Cancel</button>

<script src="https://unpkg.com/htmx.org@1.9.12" crossorigin></script>
<script src="https://unpkg.com/htmx.org@1.9.12/dist/ext/sse.js" crossorigin></script>
{% endblock %}