{% extends "base.html" %}
{% block title %}Add SSH key — rosbackup-ng{% endblock %}
{% block page_title %}Add SSH key{% endblock %}
{% block head_actions %}<a class="btn" href="/ssh-keys">← SSH Keys</a>{% endblock %}
{% block content %}
<div class="card">
  {% if error %}<div class="banner banner-warn">{{ error }}</div>{% endif %}
  <p class="muted">Manually pin a device's host key. Choose the device (its address is
    resolved automatically) and paste the key in <strong>OpenSSH format</strong>. This replaces
    any key currently pinned for that device.</p>
  <form class="run-form" method="post" action="/ui/ssh-keys">
    <input type="hidden" name="csrf_token" value="{{ request.state.session.csrf_token }}">
    <div class="form-rows">
      <label for="target">Device</label>
      <select id="target" name="target" required>
        <option value="" disabled {{ 'selected' if not target }}>Select a device…</option>
        {% for t in targets %}<option value="{{ t }}" {{ 'selected' if t == target }}>{{ t }}</option>{% endfor %}
      </select>

      <label for="public_key">Public key (OpenSSH)</label>
      <textarea id="public_key" name="public_key" rows="3" required
                placeholder="ssh-ed25519 AAAAC3NzaC1lZDI1NTE5… (paste the device's host public key)">{{ public_key or '' }}</textarea>
      <p class="muted full">Supported key types: <span class="mono">ssh-ed25519</span>,
        <span class="mono">ssh-rsa</span>, <span class="mono">ecdsa-sha2-nistp256/384/521</span>
        (the trailing comment is ignored).</p>
    </div>
    <button type="submit" class="btn primary">Pin key</button>
  </form>
</div>
{% endblock %}