{% extends "base.html" %}
{% block judul %}Ganti sandi — Atlas Histo{% endblock %}

{% block isi %}
<section class="masuk">
  <form method="post" action="{{ url_for('auth.ganti_sandi') }}" class="kartu-panel kartu-masuk form">
    {{ csrf_input() }}
    <p class="eyebrow">Akun {{ pengguna.peran }}</p>
    <h1>Ganti sandi</h1>
    {% if pengguna.ganti_sandi %}
      <p class="hero-teks kecil">Sandi awal dari admin harus diganti sebelum memakai atlas.</p>
    {% else %}
      <p class="hero-teks kecil">Masukkan sandi lama, lalu sandi baru.</p>
      <div class="bidang">
        <label for="sandi_lama">Sandi lama</label>
        <input id="sandi_lama" name="sandi_lama" type="password" required autocomplete="current-password">
      </div>
    {% endif %}
    <div class="bidang">
      <label for="sandi">Sandi baru (minimal 8 karakter)</label>
      <input id="sandi" name="sandi" type="password" required minlength="8" autocomplete="new-password" autofocus>
    </div>
    <div class="bidang">
      <label for="sandi2">Ulangi sandi baru</label>
      <input id="sandi2" name="sandi2" type="password" required minlength="8" autocomplete="new-password">
    </div>
    <button class="tombol tombol-utama lebar" type="submit">Simpan sandi baru</button>
  </form>
</section>
{% endblock %}