{% extends "pobsync_backend/base.html" %}

{% block title %}SSH Keys | pobsync{% endblock %}

{% block content %}
  <header class="page-header">
    <div class="page-title">
      <div class="page-kicker">Access</div>
      <h1>SSH Keys</h1>
      <div class="page-subtitle">Manage the key pairs pobsync uses to reach backup targets.</div>
    </div>
    <section class="actions" aria-label="SSH key actions">
      <a class="button-link" href="{% url 'generate_ssh_credential' %}">Generate SSH key</a>
      <a class="button-link secondary" href="{% url 'create_ssh_credential' %}">Add existing key</a>
      <a class="button-link secondary" href="{% url 'dashboard' %}">Back to dashboard</a>
    </section>
  </header>

  <section class="panel">
    <h2>Credentials</h2>
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Type</th>
          <th>Public key</th>
          <th>Fingerprint</th>
          <th>Known hosts</th>
          <th>Hosts</th>
          <th>Updated</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for credential in credentials %}
          <tr>
            <td><a href="{% url 'edit_ssh_credential' credential.id %}">{{ credential.name }}</a></td>
            <td>{{ credential.key_type }}</td>
            <td>{% if credential.public_key %}<code>{{ credential.public_key|truncatechars:44 }}</code>{% else %}no{% endif %}</td>
            <td>{% if credential.fingerprint %}<code>{{ credential.fingerprint }}</code>{% else %}<span class="muted">unknown</span>{% endif %}</td>
            <td>{{ credential.known_hosts|yesno:"yes,no" }}</td>
            <td>{{ credential.hosts.count }}</td>
            <td>{{ credential.updated_at }}</td>
            <td><a class="button-link secondary" href="{% url 'edit_ssh_credential' credential.id %}">Edit</a></td>
          </tr>
        {% empty %}
          <tr><td colspan="8" class="muted">No SSH credentials configured yet.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </section>
{% endblock %}