{% extends "base.html" %}{% block title %}{{ t("app.title") }}{% endblock %}
{% block body %}

<h1>{{ t("app.title") }}</h1>

<h2>{{ t("app.pairing") }}</h2>
{% if pending %}
<p class="muted">{{ t("app.pairing_hint") }}</p>
<table>
  <tr><th>{{ t("app.from") }}</th><th>{{ t("app.fingerprint") }}</th><th>{{ t("app.note") }}</th><th></th></tr>
  {% for req in pending %}
  <tr>
    <td class="mono">{{ req.requester }}</td>
    <td class="mono muted">{{ req.requester_fingerprint or "?" }}</td>
    <td>{{ req.note or "" }}</td>
    <td>
      <form method="post" action="/app/pair/decide" class="row">
        <input type="hidden" name="request_id" value="{{ req.id }}">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <button name="decision" value="approve">{{ t("app.approve") }}</button>
        <button name="decision" value="deny" class="ghost">{{ t("app.deny") }}</button>
      </form>
    </td>
  </tr>
  {% endfor %}
</table>
{% else %}
<p class="muted">{{ t("app.nothing_waiting") }}</p>
{% endif %}

<h2>{{ t("app.ask_access") }}</h2>
<div class="card">
  <form method="post" action="/app/pair/request">
    <input type="hidden" name="csrf" value="{{ csrf }}">
    <label for="target">{{ t("app.target") }}</label>
    <input id="target" name="target" type="text" placeholder="handle@{{ relay_host }}/session" required>
    <p class="muted">{{ t("app.target_hint") }}</p>
    <label for="note">{{ t("app.note_for") }}</label>
    <input id="note" name="note" type="text" maxlength="200">
    <p class="row" style="margin-top:18px"><button>{{ t("app.send_request") }}</button></p>
  </form>
</div>

<h2>{{ t("app.contacts") }}</h2>
{% if contacts %}
<table>
  <tr>
    <th>{{ t("app.peer") }}</th><th>{{ t("app.direction") }}</th><th>{{ t("app.rights") }}</th>
    <th>{{ t("app.sessions") }}</th><th>{{ t("app.expires") }}</th>
  </tr>
  {% for c in contacts %}
  <tr>
    <td class="mono">{{ c.peer }}</td>
    <td><span class="pill">{{ c.direction }}</span></td>
    <td class="muted">{{ c.rights | join(", ") }}</td>
    <td class="mono muted">
      {% for ep in c.endpoints %}{{ ep.session }}{% if ep.label %} ({{ ep.label }}){% endif %}{% if ep.online %} &bull; online{% endif %}<br>{% endfor %}
      {% if not c.endpoints %}{{ t("app.no_endpoints") }}{% endif %}
    </td>
    <td class="muted">{{ c.expires_at or t("app.no_expiry") }}
      <form method="post" action="/app/grant/revoke" class="inline">
        <input type="hidden" name="grant_id" value="{{ c.grant_id }}">
        <input type="hidden" name="csrf" value="{{ csrf }}">
        <button class="ghost" style="padding:4px 10px;font-size:13px">{{ t("app.revoke") }}</button>
      </form>
    </td>
  </tr>
  {% endfor %}
</table>
{% else %}
<p class="muted">{{ t("app.no_contacts") }}</p>
{% endif %}

{% if has_email %}
<h2>{{ t("app.notices") }}</h2>
<div class="card">
  <p class="muted">{{ t("app.notices_hint") }}</p>
  <form method="post" action="/app/notify" class="row">
    <input type="hidden" name="csrf" value="{{ csrf }}">
    <label style="margin:0;display:flex;align-items:center;gap:8px;color:var(--fg)">
      <input type="checkbox" name="email_notify" {% if email_notify %}checked{% endif %}
             style="width:auto"> {{ t("app.notices_on") }}
    </label>
    <button class="ghost">{{ t("app.save") }}</button>
  </form>
</div>
{% endif %}

<h2>{{ t("app.connect") }}</h2>
<div class="card">
  <p>{{ t("app.connect_hint") }}</p>
  <pre><code>claude mcp add --scope user --transport http aim {{ mcp_url }}</code></pre>
  <p class="muted">{{ t("app.connect_then") }} <a href="/docs">{{ t("app.guide") }}</a></p>
  <p class="muted">{{ t("app.your_address") }}: <span class="mono">{{ me }}</span><br>
    {{ t("app.fingerprint") }}: <span class="mono">{{ fingerprint }}</span></p>
</div>

{% endblock %}