{% extends "base.html" %}
{% block title %}Hugin-Katalog · {{ workspace.name }}{% endblock %}
{% block content %}
{% set wbase = '/workspaces/' ~ workspace.id %}
<div class="stack stack-sm">
  <h1>Katalog aus Hugin</h1>
</div>
{% include "_flash.html" %}
<section class="card">
  <div class="card-body stack">
    <p class="text-sm text-muted">Freigegebene Pakete, die das Team sieht. Bifröst bietet in dieser Stufe Regeln, Skills ohne Skripte und Befehle ohne Shell-Einbettung an; die übrigen stehen zur Information hier.</p>
    <form method="get" class="cluster">
      <input name="q" value="{{ q }}" placeholder="Suchen" aria-label="Suchen">
      <button class="btn btn-secondary btn-sm" type="submit">Suchen</button>
    </form>
    {% if packages %}
    <div class="table-wrap"><table>
      <thead><tr><th>Paket</th><th>Art</th><th>Versionen</th><th></th></tr></thead>
      <tbody>
      {% for pk in packages %}
      <tr>
        <td><code>{{ pk.id }}</code>{% if pk.mandatory %} <span class="badge badge-info">Pflicht</span>{% endif %}
          {% if pk.description %}<p class="text-xs text-muted">{{ pk.description }}</p>{% endif %}</td>
        <td>{{ pk.kind_name }}</td>
        <td>{% for ch, v in (pk.channels or {}).items() %}{{ v }} <span class="text-xs text-muted">{{ ch }}</span>{{ '<br>'|safe if not loop.last }}{% else %}–{% endfor %}</td>
        <td>
          {% if pk.unsupported %}<span class="text-xs text-muted">{{ pk.unsupported }}</span>
          {% elif pk.mandatory %}<span class="text-xs text-muted">kommt automatisch</span>
          {% elif pk.id in chosen %}<span class="badge badge-success">gewählt</span>
          {% else %}
          <form method="post" action="{{ wbase }}/hugin/packages">
            <input type="hidden" name="_csrf" value="{{ p.csrf }}"><input type="hidden" name="package" value="{{ pk.id }}">
            <button class="btn btn-secondary btn-sm" type="submit">Wählen</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
      </tbody>
    </table></div>
    {% elif not error %}<p class="text-muted text-sm">Keine Pakete gefunden.</p>{% endif %}
  </div>
</section>
{% endblock %}