{% extends "base.html" %}
{% block title %}Federation Vouches — psyc admin{% endblock %}
{% block content %}

<section class="panel">
  <div class="panel-head">
    <h1>Web of Trust</h1>
    <span class="count">{{ our_vouches|length }} issued</span>
  </div>
  <p class="page-intro">A vouch is an Ed25519-signed assertion that we trust another node's fingerprint. Peers gossip our vouches with their feeds, so trust accumulates: once {{ cfg.trust_min_vouchers }} of our trusted peers vouches for a new fingerprint, it becomes <em>listening-eligible</em> — its signed feeds get ingested.</p>
  <p class="back"><a href="/admin/federation">← back to federation</a> &nbsp;·&nbsp; <a href="/admin/federation/quorum">quorum config</a> &nbsp;·&nbsp; <a href="/admin/federation/log">transparency log</a></p>

  <div class="card" style="margin-bottom:14px;">
    <div class="lg-sub">our fingerprint</div>
    <div style="font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:14px; word-break:break-all; color:var(--accent);">{{ fingerprint }}</div>
  </div>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Vouches We've Issued</h2>
    <span class="count">{{ our_vouches|length }}</span>
  </div>
  <p class="page-intro">We've signed these — peers that fetch our feed will see them and may extend trust accordingly.</p>

  {% if our_vouches %}
  <table class="ledger">
    <thead><tr><th>Target fingerprint</th><th>Issued</th><th>Expires</th><th></th></tr></thead>
    <tbody>
    {% for v in our_vouches %}
      <tr class="ledger-row">
        <td style="font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px;">{{ v.target_fingerprint }}</td>
        <td class="lg-ts">{{ v.issued_at.isoformat()[:16] | replace('T', ' ') }}</td>
        <td class="lg-ts">{{ v.expires_at.isoformat()[:16] | replace('T', ' ') if v.expires_at else '—' }}</td>
        <td>
          <form method="post" action="/admin/federation/vouches/revoke" class="queue-action"
                onsubmit="return confirm('Revoke vouch for {{ v.target_fingerprint[:8] }}…?');">
            <input type="hidden" name="target_fingerprint" value="{{ v.target_fingerprint }}">
            <button type="submit" class="btn btn-reject">revoke</button>
          </form>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="page-intro">(no vouches issued yet)</p>
  {% endif %}
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Issue a Vouch</h2>
  </div>
  <p class="page-intro">Vouch for a peer's fingerprint. Trusted peers see this and may treat the target as listening-eligible.</p>
  <form method="post" action="/admin/federation/vouches/issue" style="display:grid; gap:10px; max-width:680px;">
    <input type="text" name="target_fingerprint" placeholder="target fingerprint (32 hex chars)" class="lookup-input" maxlength="64" required style="font-family:ui-monospace,SFMono-Regular,Menlo,monospace;">
    <input type="number" name="ttl_days" value="90" min="1" max="3650" class="lookup-input" placeholder="ttl days">
    <button type="submit" class="btn btn-enforce">+ issue vouch</button>
  </form>
</section>

<section class="panel">
  <div class="panel-head">
    <h2>Per-Peer Quorum Status</h2>
    <span class="count">{{ peer_rows|length }} peers</span>
  </div>
  <p class="page-intro">Threshold: {{ cfg.trust_min_vouchers }} distinct trusted vouchers required to make a non-trusted peer listening-eligible.</p>

  {% if peer_rows %}
  <table class="ledger">
    <thead><tr><th>Peer</th><th>Status</th><th>Vouches</th><th>Quorum met</th><th>Eligible</th></tr></thead>
    <tbody>
    {% for row in peer_rows %}
      <tr class="ledger-row">
        <td><strong>{{ row.peer.domain }}</strong><br><span class="lg-sub" style="font-family:ui-monospace,SFMono-Regular,Menlo,monospace;">{{ row.peer.fingerprint[:8] }}…{{ row.peer.fingerprint[-8:] }}</span></td>
        <td>
          {% if row.peer.status == 'trusted' %}
            <span class="sev-badge" style="background:rgba(74,222,128,0.10); color:var(--green); border-color:var(--green);">trusted</span>
          {% elif row.peer.status == 'blocked' %}
            <span class="sev-badge" style="background:rgba(248,113,113,0.10); color:var(--red); border-color:var(--red);">blocked</span>
          {% else %}
            <span class="sev-badge">{{ row.peer.status }}</span>
          {% endif %}
        </td>
        <td>{{ row.vouches|length }}</td>
        <td>
          {% if row.vouched %}
            <span class="sev-badge" style="background:rgba(74,222,128,0.10); color:var(--green); border-color:var(--green);">yes</span>
          {% else %}
            <span class="sev-badge">no</span>
          {% endif %}
        </td>
        <td>
          {% if row.eligible %}
            <span class="sev-badge" style="background:rgba(74,222,128,0.10); color:var(--green); border-color:var(--green);">listening</span>
          {% else %}
            <span class="sev-badge" style="background:rgba(248,113,113,0.10); color:var(--red); border-color:var(--red);">muted</span>
          {% endif %}
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="page-intro">(no peers registered yet)</p>
  {% endif %}
</section>

{% endblock %}