{% extends "base.html" %}
{% block judul %}Buat admin pertama — Atlas Histo{% endblock %}

{% block isi %}
<section class="masuk">
  <form method="post" action="{{ url_for('auth.pertama') }}" class="kartu-panel kartu-masuk form">
    {{ csrf_input() }}
    <p class="eyebrow">Pemasangan awal</p>
    <h1>Buat admin pertama</h1>
    <p class="hero-teks kecil">Belum ada akun di atlas ini. Akun admin ini yang nanti membuat
      akun dosen. Formulir hanya bisa dipakai sekali.</p>
    {% if ada_kunci %}
      <div class="bidang">
        <label for="kunci">Kunci admin (HIST_ADMIN_PASS)</label>
        <input id="kunci" name="kunci" type="password" required autocomplete="off">
      </div>
    {% endif %}
    <div class="bidang">
      <label for="nama">Nama lengkap</label>
      <input id="nama" name="nama" required maxlength="120">
    </div>
    <div class="bidang">
      <label for="pengguna">Nama pengguna</label>
      <input id="pengguna" name="pengguna" required maxlength="40" autocomplete="username">
      <small class="bantuan">Huruf, angka, titik, garis bawah. Dipakai untuk masuk.</small>
    </div>
    <div class="bidang">
      <label for="sandi">Sandi (minimal 8 karakter)</label>
      <input id="sandi" name="sandi" type="password" required minlength="8" autocomplete="new-password">
    </div>
    <div class="bidang">
      <label for="sandi2">Ulangi sandi</label>
      <input id="sandi2" name="sandi2" type="password" required minlength="8" autocomplete="new-password">
    </div>
    <button class="tombol tombol-utama lebar" type="submit">Buat akun admin</button>
  </form>
</section>
{% endblock %}