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

<div class="cluster hugin-kopf">
  <div class="stack stack-sm flex-1">
    <h1>{{ package.id }} <span class="text-muted">{{ v.version }}</span></h1>
    <div class="cluster">
      <span class="badge badge-{{ STATUS_BADGE.get(v.status, 'default') }}">{{ STATUS_NAMES.get(v.status, v.status) }}</span>
      <span class="badge badge-{{ RISK_BADGE.get(v.risk, 'default') }}">Risiko: {{ v.risk | label }}</span>
      <span class="badge badge-default">{{ v.compatibility | label }}</span>
      {% if v.status == 'approved' %}<span class="badge badge-{{ 'warning' if v.channel == 'test' else 'outline' }}">Kanal {{ v.channel | label }}</span>{% endif %}
      {% if v.status == 'in_review' %}<span class="badge badge-outline">Freigaben {{ review_round }} von {{ needed }}</span>{% endif %}
    </div>
  </div>
  <div class="cluster">
    {% if can_edit %}
    <a class="btn btn-secondary" href="{{ url_for('edit', package_id=package.id, number=v.version) }}">{{ 'Bearbeiten' if v.status == 'draft' else 'Neue Version auf dieser Basis' }}</a>
    {% endif %}
    {% if can_submit %}
    <form method="post" action="{{ url_for('submit', package_id=package.id, number=v.version) }}">
      <input type="hidden" name="_csrf" value="{{ a.csrf }}">
      <button class="btn btn-primary" type="submit"
              data-confirm="Zur Prüfung einreichen? Danach lässt sich die Version nicht mehr ändern.">Zur Prüfung einreichen</button>
    </form>
    {% endif %}
    {% if can_decide %}
    <button class="btn btn-success" data-action="modal-open" data-target="decide">Prüfen</button>
    {% endif %}
    {% if can_maintain and v.status in ('approved', 'deprecated') %}
    <form method="post" action="{{ url_for('deprecate_version', package_id=package.id, number=v.version) }}">
      <input type="hidden" name="_csrf" value="{{ a.csrf }}">
      {% if v.status == 'approved' %}
      <button class="btn btn-ghost" type="submit" name="action" value="deprecate"
              data-confirm="Version {{ v.version }} als veraltet markieren?">Version veralten</button>
      {% else %}
      <button class="btn btn-ghost" type="submit" name="action" value="reactivate">Wieder freigeben</button>
      {% endif %}
    </form>
    {% endif %}
    {% if can_promote %}
    <form method="post" action="{{ url_for('promote', package_id=package.id, number=v.version) }}">
      <input type="hidden" name="_csrf" value="{{ a.csrf }}">
      <button class="btn btn-secondary" type="submit">Auf stabil hochstufen</button>
    </form>
    {% endif %}
  </div>
</div>

<div class="grid grid-2">
  <div class="card"><div class="card-body">
    <dl class="meta-list">
      <div class="meta-item"><dt class="meta-label">Beschreibung</dt><dd class="meta-value">{{ core.manifest.description_text }}</dd></div>
      {% if core.manifest.changes %}<div class="meta-item"><dt class="meta-label">Änderung</dt><dd class="meta-value">{{ core.manifest.changes | trim }}</dd></div>{% endif %}
      <div class="meta-item"><dt class="meta-label">Ziele</dt><dd class="meta-value">{{ core.manifest.targets | join(', ') }}</dd></div>
      {% set local = core.manifest.server.local if core.manifest.server else none %}
      {% if local %}
      <div class="meta-item"><dt class="meta-label">Lokaler Server</dt><dd class="meta-value">
        {{ local.runtime | capitalize }}{% if local.python %} ≥ {{ local.python }}{% endif %}, Start: <code>{{ local.entry }}</code>{% if local.env %}, Umgebung: <code>{{ local.env | join(', ') }}</code>{% endif %}.
        Läuft auf jedem Rechner mit den Rechten der Person; installiert nach <code>~/.local/share/mcp/{{ package.id }}/{{ v.version }}/</code>{% if 'requirements.txt' in core.files %}, Abhängigkeiten aus <code>requirements.txt</code> über pip{% endif %}.</dd></div>
      {% endif %}
      {% if v.min_version_claude or v.min_version_opencode %}
      <div class="meta-item"><dt class="meta-label">Mindestversion</dt><dd class="meta-value">
        {% if v.min_version_claude %}Claude Code ≥ {{ v.min_version_claude }} {% endif %}
        {% if v.min_version_opencode %}OpenCode ≥ {{ v.min_version_opencode }}{% endif %}</dd></div>
      {% endif %}
      <div class="meta-item"><dt class="meta-label">Prüfsumme</dt><dd class="meta-value"><code class="text-xs hugin-umbruch">{{ v.checksum }}</code></dd></div>
    </dl>
  </div></div>
  <div class="card">
    <div class="card-header"><h2 class="text-lg">Prüfung</h2></div>
    <div class="card-body stack">
      {% set hints = v.linter | selectattr('severity', 'equalto', 'hint') | list %}
      {% if hints %}
      <ul>{% for b in hints %}<li><code>{{ b.code }}</code> {{ b.text }}{% if b.file %} <span class="text-muted">({{ b.file }})</span>{% endif %}</li>{% endfor %}</ul>
      {% else %}
      <p class="text-muted">Linter ohne Hinweise.</p>
      {% endif %}
      {% if approvals %}
      <div class="timeline">
      {% for f in approvals %}
        <div class="timeline-item">
          <div class="timeline-marker"><span class="timeline-dot"></span></div>
          <div class="timeline-content">
            <p class="timeline-title">{{ 'Freigegeben' if f.decision == 'approve' else 'Zurückgegeben' }}</p>
            <p class="timeline-meta">{{ f.time.strftime('%d.%m.%Y %H:%M') }} · {{ reviewer.get(f.reviewer_key, '') }}</p>
            {% if f.comment %}<p class="timeline-body">{{ f.comment }}</p>{% endif %}
          </div>
        </div>
      {% endfor %}
      </div>
      {% endif %}
    </div>
  </div>
</div>

<div class="tabs">
  <ul class="tab-list" role="tablist">
    <li><button class="active" role="tab" id="tabbtn-content" aria-controls="tab-content" aria-selected="true" data-action="tab" data-target="tab-content">Inhalt</button></li>
    <li><button role="tab" id="tabbtn-diff" aria-controls="tab-diff" aria-selected="false" tabindex="-1" data-action="tab" data-target="tab-diff">Unterschied{% if predecessor %} zu {{ predecessor }}{% endif %}</button></li>
    {% for tool in preview %}
    {% set tab = tool | replace('@', '-') %}
    <li><button role="tab" id="tabbtn-{{ tab }}" aria-controls="tab-{{ tab }}" aria-selected="false" tabindex="-1" data-action="tab" data-target="tab-{{ tab }}">{{ 'Claude Code' if tool == 'claude' else 'OpenCode' }}</button></li>
    {% endfor %}
  </ul>

  <div class="tab-panel active stack" id="tab-content" role="tabpanel" aria-labelledby="tabbtn-content">
    {% for path, text in content %}
    <details {% if loop.index <= 2 %}open{% endif %}>
      <summary><code>{{ path }}</code></summary>
      <pre class="hugin-code"><code>{{ text }}</code></pre>
    </details>
    {% endfor %}
  </div>

  <div class="tab-panel stack" id="tab-diff" role="tabpanel" aria-labelledby="tabbtn-diff">
    {% if not predecessor %}<p class="text-muted">Erste Version: alles ist neu.</p>{% endif %}
    {% for d in differences %}
      {% if d.kind != 'equal' %}
      <details open>
        <summary><code>{{ d.path }}</code> <span class="badge badge-{{ {'new': 'success', 'removed': 'danger'}.get(d.kind, 'warning') }}">{{ {'new': 'neu', 'removed': 'entfernt', 'changed': 'geändert'}.get(d.kind, d.kind) }}</span></summary>
        <pre class="hugin-code hugin-diff">{% for z in d.lines %}<span class="{% if z.startswith('+') %}diff-plus{% elif z.startswith('-') %}diff-minus{% elif z.startswith('@@') %}diff-kopf{% endif %}">{{ z }}</span>
{% endfor %}</pre>
      </details>
      {% endif %}
    {% endfor %}
    {% set equal = differences | selectattr('kind', 'equalto', 'equal') | list %}
    {% if predecessor and equal %}<p class="text-sm text-muted">Unverändert: {{ equal | map(attribute='path') | join(', ') }}</p>{% endif %}
  </div>

  {% for tool, entries in preview.items() %}
  <div class="tab-panel stack" id="tab-{{ tool | replace('@', '-') }}" role="tabpanel" aria-labelledby="tabbtn-{{ tool | replace('@', '-') }}">
    <p class="text-sm text-muted">So kommt diese Version im Repo an ({{ tool }}).</p>
    {% for e in entries %}
    <details open>
      <summary><code>{{ e.title }}</code></summary>
      <pre class="hugin-code"><code>{{ e.content }}</code></pre>
    </details>
    {% endfor %}
  </div>
  {% endfor %}
</div>

{% if can_decide %}
<div class="modal-backdrop" id="decide" data-action="modal-backdrop">
  <div class="modal" role="dialog" aria-labelledby="decide-title">
    <form method="post" action="{{ url_for('decide', package_id=package.id, number=v.version) }}">
      <input type="hidden" name="_csrf" value="{{ a.csrf }}">
      <div class="modal-header">
        <h2 id="decide-title" class="text-lg">{{ package.id }} {{ v.version }} prüfen</h2>
        <button type="button" class="btn btn-ghost btn-icon" data-action="modal-close" aria-label="Schließen">✕</button>
      </div>
      <div class="modal-body stack">
        <p class="text-sm"><a class="text-sm" href="{{ url_for('help_topic', topic='reviewer') }}">Was prüfen?</a> Diff, Vorschau je Werkzeug und Risiko ansehen, bevor du freigibst. Eine Freigabe erreicht alle Abonnenten beim nächsten <code>hugin sync</code>.</p>
        {% if needed > 1 %}
        <div class="alert alert-warning"><div class="alert-content"><p>Risiko {{ v.risk | label }}: Es braucht {{ needed }} Freigaben von verschiedenen Personen{% if v.risk == 'permissions' %}, eine davon mit Rolle tenant_admin{% endif %}. Bisher: {{ review_round }}.</p></div></div>
        {% endif %}
        {% if review_round + 1 >= needed %}
        <div class="form-group">
          <label for="channel">Kanal</label>
          <select id="channel" name="channel">
            <option value="stable">stabil — erreicht alle Abos</option>
            <option value="test">test — nur Abos mit @test, später hochstufen</option>
          </select>
          {% if needed > 1 %}<p class="form-hint">Risiko {{ v.risk | label }}: Mit test erst bei Teams ausrollen, die früh testen, und später auf stabil hochstufen.</p>{% endif %}
        </div>
        {% else %}
        <p class="text-sm text-muted">Den Kanal wählt die letzte nötige Freigabe.</p>
        {% endif %}
        <div class="form-group">
          <label for="comment">Kommentar</label>
          <textarea id="comment" name="comment" rows="3" required></textarea>
          <p class="form-hint">Pflicht beim Zurückgeben: Was muss sich ändern? Beim Freigeben optional.</p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" name="decision" value="return" class="btn btn-ghost">Zurückgeben</button>
        <button type="submit" name="decision" value="approve" class="btn btn-success" formnovalidate>Freigeben</button>
      </div>
    </form>
  </div>
</div>
{% endif %}
{% endblock %}