{% extends "base.html" %}
{% block title %}Task {{ task.id }} · Ordine{% endblock %}
{% block content %}
<h1>Task {{ task.id }}</h1>
<p>
  <span class="chip chip-{{ task.status }}">{{ task.status }}</span>
  ordinal {{ task.ordinal if task.ordinal is not none else "-" }}
</p>
<p>Source: <code>{{ task.source_ref }}</code></p>
<p>Workdir: <code>{{ workdir_display }}</code></p>
{% if task.error %}
<p class="error">error: {{ task.error }}</p>
{% endif %}

{% if source_is_image and last_output_rel %}
<section aria-labelledby="preview-heading">
  <h2 id="preview-heading">Preview</h2>
  {% if source_artifact %}
  <figure>
    <figcaption>Before</figcaption>
    <img src="/artifacts/{{ task.id }}/{{ source_artifact }}" alt="Source preview" />
  </figure>
  {% else %}
  <p>Source image: {{ task.source_ref.split("/")[-1] }}</p>
  {% endif %}
  <figure>
    <figcaption>After</figcaption>
    <img src="/artifacts/{{ task.id }}/{{ last_output_rel }}" alt="Output preview" />
  </figure>
</section>
{% endif %}

<section aria-labelledby="steps-heading">
  <h2 id="steps-heading">Steps</h2>
  {% if task_json %}
  <ol>
    {% for entry in step_logs %}
    {% set step = entry.step %}
    <li>
      <strong>{{ step.id }}</strong>
      {% if step.branch %} (branch {{ step.branch }}){% endif %}
      — {{ step.status }}
      {% if step.message %}<br />{{ step.message }}{% endif %}
      {% if entry.log %}
      <details>
        <summary>log.txt</summary>
        <pre>{{ entry.log }}</pre>
      </details>
      {% endif %}
    </li>
    {% endfor %}
  </ol>
  {% else %}
  <p>(no task.json)</p>
  {% endif %}
</section>

{% if attempts %}
<section aria-labelledby="attempts-heading">
  <h2 id="attempts-heading">Branch attempts</h2>
  <ul>
    {% for attempt in attempts %}
    <li>{{ attempt.branch_name or "primary" }} attempt {{ attempt.attempt_no }} — {{ "ok" if attempt.ok else "failed" }} at {{ attempt.last_step_id or "?" }}{% if attempt.error %}: {{ attempt.error }}{% endif %}</li>
    {% endfor %}
  </ul>
</section>
{% endif %}

{% if flags %}
<section aria-labelledby="flags-heading">
  <h2 id="flags-heading">Flags</h2>
  <ul>
    {% for flag in flags %}
    <li>level {{ flag.level }} {{ flag.kind }}: {{ flag.message }}</li>
    {% endfor %}
  </ul>
</section>
{% endif %}

<section aria-labelledby="ai-heading">
  <h2 id="ai-heading">AI assistance</h2>
  {% if not llm_configured %}
  <p>LLM is not configured. <a href="/settings">Open Settings</a>.</p>
  {% else %}
  <form hx-post="/tasks/{{ task.id }}/ai/diagnose" hx-target="#ai-diagnosis-panel" hx-swap="innerHTML" hx-indicator="#ai-diagnose-spinner">
    <label><input type="checkbox" name="include_image" value="on" /> Include input image</label>
    <button type="submit">Diagnose</button>
    <span id="ai-diagnose-spinner" class="htmx-indicator">Diagnosing…</span>
  </form>
  <form hx-post="/tasks/{{ task.id }}/ai/suggest-branch" hx-target="#ai-branch-panel" hx-swap="innerHTML" hx-indicator="#ai-branch-spinner">
    <button type="submit">Suggest branch</button>
    <span id="ai-branch-spinner" class="htmx-indicator">Suggesting…</span>
  </form>
  {% endif %}
  <div id="ai-diagnosis-panel">
    {% if diagnosis and flags %}
    {% set flag_id = flags[0].id %}
    {% include "partials/ai_diagnosis_card.html" %}
    {% endif %}
  </div>
  <div id="ai-branch-panel"></div>
</section>

<p class="actions">
  {% if can_retry %}
  <form action="/tasks/{{ task.id }}/retry" method="post" style="display:inline">
    <button type="submit">Retry</button>
  </form>
  {% endif %}
  {% if can_cancel %}
  <form action="/tasks/{{ task.id }}/cancel" method="post" style="display:inline">
    <button type="submit">Cancel</button>
  </form>
  {% endif %}
  <a href="/pipelines/{{ task.pipeline_id }}/tasks">Back to tasks</a>
</p>
{% endblock %}