{% extends "base.html" %}

{% block title %}minibot task — {{ task.short_id }}{% endblock %}

{% block content %}
<section>
  <p class="crumb"><a href="/tasks?status=all">&larr; all tasks</a></p>
  <h2>{{ task.agent }} <code>{{ task.short_id }}</code></h2>
  <div class="entry-head">
    <span class="tag">{{ task.status }}</span>
    {% if task.stop_reason %}<span class="tag">{{ task.stop_reason }}</span>{% endif %}
    {% if task.attempts %}<span class="tag">retry {{ task.attempts }}</span>{% endif %}
    {% if task.duration %}<span class="tag">{{ task.duration }}</span>{% endif %}
    <span class="tag">timeout {{ task.timeout_seconds }}s</span>
  </div>
  <p class="muted">
    <code>{{ task.id }}</code> &middot; {{ task.channel }}
    {%- if task.created_at %} &middot; {{ task.created_at.strftime("%Y-%m-%d %H:%M:%S") }} UTC{% endif %}
  </p>
  {% if task.active %}
  <div class="entry-actions">
    <button type="button" class="danger" data-confirm="confirm-cancel" data-confirm-value="{{ task.id }}" data-confirm-label="{{ task.agent }} ({{ task.short_id }})">
      Cancel
    </button>
  </div>
  <dialog id="confirm-cancel">
    <form method="post" action="/tasks?id={{ task.id }}">
      <input type="hidden" name="action" value="cancel">
      <input type="hidden" name="id" data-confirm-id>
      <p>Cancel task <strong data-confirm-title></strong>? Its worker is stopped and it is not resumed.</p>
      <p class="dialog-actions">
        <button type="button" data-confirm-cancel>Keep it</button>
        <button type="submit" class="danger">Cancel it</button>
      </p>
    </form>
  </dialog>
  {% endif %}

  <div class="panels">
    <div class="panel">
      <h2>Prompt</h2>
      <pre>{{ task.prompt }}</pre>
    </div>
    {% if task.last_error %}
    <div class="panel">
      <h2>Error</h2>
      <pre class="error">{{ task.last_error }}</pre>
    </div>
    {% endif %}
    {% if task.result %}
    <div class="panel">
      <h2>Result</h2>
      <pre>{{ task.result }}</pre>
    </div>
    {% endif %}
    <div class="panel">
      <h2>Events</h2>
      {% if events %}
      <ol class="entries">
        {% for event in events %}
        <li class="entry">
          <div class="entry-head">
            <strong>{{ event.event_type }}</strong>
            <span class="muted">{{ event.created_at[:19] | replace("T", " ") }} UTC</span>
          </div>
          {% if event.payload %}<pre>{{ event.payload | tojson(indent=2) }}</pre>{% endif %}
        </li>
        {% endfor %}
      </ol>
      {% else %}
      <p class="muted">no events recorded</p>
      {% endif %}
    </div>
  </div>
</section>
{% endblock %}