{% extends "base.html" %}
{% block judul %}Ganti Password — RPS & Portofolio UNTAN{% endblock %}
{% block isi %}
  <h1>Ganti Password</h1>
  <p class="keterangan">Berlaku untuk akun Anda sendiri (<b>{{ user.nama }}</b>).
    Setelah berhasil, sesi login lain dari akun ini akan keluar otomatis dan
    Anda perlu memakai password baru pada login berikutnya.</p>

  {% if pesan %}<div class="info">{{ pesan }}</div>{% endif %}
  {% if error %}<div class="peringatan">{{ error }}</div>{% endif %}

  <div style="max-width:360px">
    <form method="post" action="/akun">
      <label for="lama" style="display:block;font-size:14px;margin:12px 0 3px">Password lama</label>
      <input type="password" id="lama" name="lama" autocomplete="current-password" required autofocus>
      <label for="baru" style="display:block;font-size:14px;margin:12px 0 3px">Password baru <span style="color:var(--grey);font-weight:normal">(minimal 4 karakter)</span></label>
      <input type="password" id="baru" name="baru" autocomplete="new-password" minlength="4" required>
      <label for="ulang" style="display:block;font-size:14px;margin:12px 0 3px">Ulangi password baru</label>
      <input type="password" id="ulang" name="ulang" autocomplete="new-password" minlength="4" required>
      <div class="aksi-baris" style="border-top:none;padding-top:10px">
        <button class="tombol" type="submit">Simpan Password Baru</button>
      </div>
    </form>
  </div>
{% endblock %}