{% extends "base.html" %}
{% block title %}Секреты{% endblock %}
{% block content %}
<h1>Секреты</h1>
<section class="card">
  <h2>Добавить</h2>
  <form id="secret-form" hx-post="/secrets" hx-target="#secrets-list" hx-encoding="multipart/form-data">
    <div class="grid3">
      <label>Имя <input name="name" required maxlength="64"></label>
      <label>Тип
        <select name="kind" data-kind-switch>
          {% for k, label in kinds.items() %}<option value="{{ k }}">{{ label }}</option>{% endfor %}
        </select>
      </label>
      <label data-kind="ssh_key password">Пользователь <input name="username" autocomplete="off"></label>
    </div>
    <label data-kind="ssh_key">Приватный ключ (вставить)
      <textarea name="value" rows="6" placeholder="-----BEGIN OPENSSH PRIVATE KEY-----" autocomplete="off" spellcheck="false"></textarea>
    </label>
    <label data-kind="ssh_key">…или файл ключа <input type="file" name="keyfile"></label>
    <label data-kind="password vault" hidden>Пароль <input type="password" name="value" autocomplete="new-password" disabled></label>
    <label>Примечание <input name="note" maxlength="200"></label>
    <button class="primary">Сохранить</button>
    <p class="muted small">Значения шифруются на диске и никогда не показываются в интерфейсе. Для запуска они
      временно записываются в закрытый каталог в tmpfs и удаляются по завершении.</p>
  </form>
</section>
<section class="card" id="secrets-list">
  {% include "partials/secrets_list.html" %}
</section>
{% endblock %}