{% extends "base.html" %}
{% block content %}
{% include "aes_nav.html" %}
<p class="sz"><a href="/erweiterungen/aes/projekte">&larr; Projekte</a></p>
<h1 class="page-title">Projekt: {{ name }}</h1>

{% if !hinweis.is_empty() %}<div class="panel"><p class="sz">{{ hinweis }}</p></div>{% endif %}
{% if !fehler.is_empty() %}<div class="panel"><p class="err">{{ fehler }}</p></div>{% endif %}

<h2 class="page-title" style="font-size:18px;margin-top:8px">Phasen</h2>
{% if phases.is_empty() %}
<p class="sz">Keine Phasen gefunden.</p>
{% else %}
<table class="tickets">
  <thead><tr><th>Phase</th><th>Beschreibung</th><th>Aktionen</th></tr></thead>
  <tbody>
  {% for p in phases %}
    <tr>
      <td><b>{{ p.name }}</b><div class="sz">{{ p.id }}</div></td>
      <td class="sz">{{ p.description }}</td>
      <td>
        <form method="post" action="/erweiterungen/aes/projekte/{{ name }}/phasen/{{ p.id }}/run" class="inline-form">
          <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
          <button class="btn ghost mini" type="submit">Ausfuehren</button>
        </form>
        <form method="post" action="/erweiterungen/aes/projekte/{{ name }}/phasen/{{ p.id }}/validate" class="inline-form">
          <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
          <button class="btn ghost mini" type="submit">Validieren</button>
        </form>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}

<h2 class="page-title" style="font-size:18px;margin-top:20px">Laeufe</h2>
{% if runs.is_empty() %}
<p class="sz">Noch keine Laeufe.</p>
{% else %}
<table class="tickets">
  <thead><tr><th>Phase</th><th>Ergebnis</th><th>Retries</th><th>Fehlerhafter Schritt</th><th>Beendet</th></tr></thead>
  <tbody>
  {% for r in runs %}
    <tr>
      <td><b>{{ r.phase_id }}</b></td>
      <td>
        <span class="badge {{ r.badge_class }}">{{ r.badge_label }}</span>
        {% if r.degraded %}<span class="badge unknown" style="margin-left:4px">degraded</span>{% endif %}
      </td>
      <td class="sz">{{ r.retries_used }}</td>
      <td class="sz">{{ r.failed_step }}</td>
      <td class="sz">{{ r.finished_at }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}

<details style="margin-top:20px">
  <summary class="page-title" style="font-size:18px;cursor:pointer">Ereignisse ({{ events.len() }})</summary>
  {% if events.is_empty() %}
  <p class="sz">Keine Ereignisse.</p>
  {% else %}
  <div class="panel" style="margin-top:8px;overflow-x:auto">
    {% for e in events %}<div class="sz" style="font-family:monospace;white-space:pre-wrap;border-bottom:1px solid var(--border);padding:4px 0">{{ e }}</div>{% endfor %}
  </div>
  {% endif %}
</details>
{% endblock %}