{% extends "base.html" %}
{% block title %}{{ package.id }}{% endblock %}
{% block content %}
<nav class="breadcrumbs" aria-label="Breadcrumb"><ol>
  <li><a href="{{ url_for('catalog') }}">Katalog</a></li>
  <li><span aria-current="page">{{ package.id }}</span></li>
</ol></nav>

<div class="stack stack-sm">
  <h1>{{ package.id }}</h1>
  <div class="cluster">
    <a class="badge badge-primary" href="{{ url_for('help_topic', topic='kinds') }}" title="Was bedeutet diese Art?">{{ KIND_NAMES.get(package.kind, package.kind) }}</a>
    <span class="badge badge-outline">{{ package.scope | label }}</span>
    {% if package.deprecated_since %}<span class="badge badge-warning">veraltet{% if package.successor %} → {{ package.successor }}{% endif %}</span>{% endif %}
    {% if is_mandatory %}<span class="badge badge-info" title="kommt bei jedem hugin sync mit">Pflicht</span>{% endif %}
  </div>
  {% if newest %}<p>{{ newest.manifest.description | trim }}</p>{% endif %}
</div>

{% if newest and not is_mandatory and not a.access.is_platform %}
<div class="card">
  <div class="card-header cluster">
    <h2 class="text-lg flex-1">Im Repo nutzen</h2>
    <button class="btn btn-secondary btn-sm" type="button" data-copy="subscribe">Kopieren</button>
  </div>
  <div class="card-body stack stack-sm">
    <p class="text-sm">In <code>.hugin.yaml</code> eintragen, dann <code>hugin sync</code>. Mit <code>@test</code> am Ende kommen auch Versionen aus dem Testkanal.</p>
    <pre class="hugin-code"><code id="subscribe">packages:
  - {{ package.id }}</code></pre>
  </div>
</div>
{% endif %}

<div class="grid grid-2">
  <div class="card">
    <div class="card-header"><h2 class="text-lg">Versionen</h2></div>
    <div class="table-wrap">
      <table class="table-compact">
        <thead><tr><th>Version</th><th>Status</th><th>Kanal</th><th>Risiko</th></tr></thead>
        <tbody>
        {% for v in versions %}
          <tr>
            <td><a href="{{ url_for('version', package_id=package.id, number=v.version) }}">{{ v.version }}</a></td>
            <td><span class="badge badge-{{ STATUS_BADGE.get(v.status, 'default') }}">{{ STATUS_NAMES.get(v.status, v.status) }}</span></td>
            <td>{{ v.channel | label }}</td>
            <td><span class="badge badge-{{ RISK_BADGE.get(v.risk, 'default') }}">{{ v.risk | label }}</span></td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  <div class="card">
    <div class="card-header"><h2 class="text-lg">Nutzung</h2></div>
    <div class="card-body">
    {% if usage %}
      <dl class="meta-list">
      {% for number, anzahl in usage.items() %}
        <div class="meta-item"><dt class="meta-label">Version {{ number }}</dt><dd class="meta-value">{{ anzahl }} Repo{{ 's' if anzahl != 1 }}</dd></div>
      {% endfor %}
      </dl>
      <p class="form-hint">Laut letzter Meldung von hugin sync{% if not a.access.is_platform %}, nur dein Tenant{% endif %}.</p>
    {% else %}
      <p class="text-muted">Noch keine Meldung von hugin sync.</p>
    {% endif %}
    </div>
  </div>
</div>

{% if can_maintain %}
<details class="card">
  <summary class="card-header">{% if package.deprecated_since %}Veraltet seit {{ package.deprecated_since.strftime('%d.%m.%Y') }}{% else %}Paket veralten{% endif %}</summary>
  <div class="card-body">
    <form method="post" action="{{ url_for('deprecate_package', package_id=package.id) }}" class="stack">
      <input type="hidden" name="_csrf" value="{{ a.csrf }}">
      {% if package.deprecated_since %}
      <p class="text-sm">hugin sync weist Abonnenten darauf hin{% if package.successor %} und nennt {{ package.successor }} als Nachfolger{% endif %}.</p>
      <button class="btn btn-secondary" type="submit" name="action" value="reactivate">Wieder aktuell</button>
      {% else %}
      <p class="text-sm">Installierte Versionen bleiben abrufbar; hugin sync meldet das Paket als veraltet.</p>
      <div class="form-group"><label for="successor">Nachfolger (optional)</label>
        <select id="successor" name="successor"><option value="">–</option>{% for x in other %}<option>{{ x }}</option>{% endfor %}</select></div>
      <button class="btn btn-secondary" type="submit" name="action" value="deprecate"
              data-confirm="{{ package.id }} als veraltet markieren? hugin sync meldet das allen Abonnenten.">Als veraltet markieren</button>
      {% endif %}
    </form>
  </div>
</details>
{% endif %}

<div class="card">
  <div class="card-header"><h2 class="text-lg">Rückmeldungen</h2></div>
  <div class="card-body stack">
    {% if feedback_list %}
    <div class="list-group list-group-flush">
      {% for r in feedback_list %}
      <div class="list-item {% if r.status == 'resolved' %}list-item-muted{% endif %}">
        <div class="stack stack-sm flex-1">
          <div class="cluster">
            <span class="badge badge-{{ 'danger' if r.kind == 'wrong' else 'warning' if r.kind in ('unclear', 'deprecated') else 'info' }}">{{ r.kind | label }}</span>
            <span class="text-xs text-muted">{{ r.version }} · {{ 'Agent' if r.source == 'agent' else 'Mensch' }}{% if r.tool %} ({{ r.tool }}){% endif %} · {{ r.time | when }}{% if r.origin %} · {{ r.origin }}{% endif %}</span>
            {% if r.status == 'resolved' %}<span class="badge badge-default">erledigt</span>{% endif %}
          </div>
          <p class="text-sm">{{ r.text }}</p>
        </div>
        {% if is_owner and r.status != 'resolved' %}
        <form method="post" action="{{ url_for('feedback_resolved', package_id=package.id, feedback_id=r.id) }}">
          <input type="hidden" name="_csrf" value="{{ a.csrf }}">
          <button class="btn btn-ghost btn-xs" type="submit">Erledigt</button>
        </form>
        {% endif %}
      </div>
      {% endfor %}
    </div>
    {% else %}<p class="text-muted">Noch keine Rückmeldungen.</p>{% endif %}

    {% if newest and not a.access.is_platform %}
    <details>
      <summary>Rückmeldung geben</summary>
      <form method="post" action="{{ url_for('feedback', package_id=package.id) }}" class="stack">
        <input type="hidden" name="_csrf" value="{{ a.csrf }}">
        <div class="form-row">
          <div class="form-group"><label for="rm-version">Version</label>
            <select id="rm-version" name="version">{% for v in versions if v.status in ('approved', 'deprecated') %}<option>{{ v.version }}</option>{% endfor %}</select></div>
          <div class="form-group"><label for="rm-kind">Art</label>
            <select id="rm-kind" name="kind">{% for x in kinds %}<option>{{ x }}</option>{% endfor %}</select></div>
        </div>
        <div class="form-group"><label for="rm-text">Was ist unklar, falsch oder besser?</label>
          <textarea id="rm-text" name="text" rows="3" required maxlength="4000"></textarea></div>
        <button class="btn btn-secondary" type="submit">Senden</button>
      </form>
    </details>
    {% endif %}
  </div>
</div>
{% endblock %}