{% extends "base.html" %}
{% block content %}
<h1 class="page-title">AES-Suite</h1>
<p class="sz">Autonomous Engineering System &mdash; als buchbares Modul in der ITSM-Plattform.</p>

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

{% if configured && status_err.is_empty() %}
<div class="card">
  <div class="svc-card">
    <div>
      <b>Modulstatus</b>
      <div class="sz" style="margin-top:4px">Version {{ version }} &middot; Modus {{ mode }}</div>
    </div>
    {% if licensed %}
    <span class="badge ok">gebucht</span>
    {% else %}
    <span class="badge unknown">nicht gebucht</span>
    {% endif %}
  </div>
  {% if !capabilities.is_empty() %}
  <div class="sz" style="margin-top:8px">
    Faehigkeiten:
    {% for c in capabilities %}<span class="badge" style="margin-right:4px">{{ c }}</span>{% endfor %}
  </div>
  {% endif %}
</div>

<h2 class="page-title" style="font-size:18px;margin-top:20px">Projekte</h2>
{% if projects.is_empty() %}
<p class="sz">Noch keine Projekte. Lege unten das erste an.</p>
{% else %}
<table class="tickets">
  <thead><tr><th>Projekt</th><th>Aktion</th></tr></thead>
  <tbody>
  {% for p in projects %}
    <tr>
      <td><b>{{ p }}</b></td>
      <td><a class="btn ghost mini" href="/erweiterungen/aes/projekte/{{ p }}">Oeffnen &rarr;</a></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}

<div class="panel" style="margin-top:16px">
  <h3 style="margin-top:0">Projekt anlegen</h3>
  <form method="post" action="/erweiterungen/aes/projekte">
    <input type="hidden" name="_csrf" value="{{ ctx.csrf }}">
    <div class="formrow">
      <input type="text" name="name" placeholder="Projektname (a-z, 0-9, - , _)" pattern="[A-Za-z0-9_-]+" required>
    </div>
    <button class="btn" type="submit">Anlegen</button>
  </form>
</div>
{% endif %}
{% endblock %}