{% extends "base.html" %}
{% block content %}
<div class="container my-4">
  <div class="card border-0 shadow-sm">
    <div class="card-header bg-light">
      <h4 class="mb-0">Edycja urządzenia</h4>
    </div>
    <div class="card-body">
      <form method="POST">
        <div class="mb-3">
          <label for="name" class="form-label"><b>Nazwa</b></label>
          <input type="text" class="form-control" id="name" name="name" value="{{ router.name }}" required>
        </div>
        <div class="mb-3">
          <label for="host" class="form-label"><b>Host/IP</b></label>
          <input type="text" class="form-control" id="host" name="host" value="{{ router.host }}" required>
        </div>
        <div class="mb-3">
          <label for="port" class="form-label"><b>Port SSH</b></label>
          <input type="number" class="form-control" id="port" name="port" value="{{ router.port }}" required>
        </div>
        <div class="mb-3">
          <label for="ssh_user" class="form-label"><b>Użytkownik SSH</b></label>
          <input type="text" class="form-control" id="ssh_user" name="ssh_user" value="{{ router.ssh_user }}">
        </div>
        <div class="mb-3">
          <label for="ssh_key" class="form-label">
            <b>Klucz prywatny</b>
          </label><br>
          <small>Wklej wraz z <code>-----BEGIN RSA PRIVATE KEY-----</code> i <code>-----END RSA PRIVATE KEY-----</code>. Jeśli pusty – użyje klucza globalnego.</small>
          <textarea class="form-control mt-2" id="ssh_key" name="ssh_key" rows="4">{{ router.ssh_key }}</textarea>
        </div>
        <div class="mb-3">
          <label for="ssh_password" class="form-label"><b>Hasło SSH</b></label><br>
          <small>Jeśli jest klucz SSH lub klucz globalny, hasło może być ignorowane.</small>
          <input type="password" class="form-control mt-2" id="ssh_password" name="ssh_password" value="{{ router.ssh_password }}">
        </div>
        <button type="submit" class="btn btn-success">Zapisz zmiany</button>
      </form>
    </div>
  </div>
</div>
{% endblock %}