{% extends "base.html" %}
{% block judul %}Daftar mahasiswa — Atlas Histo{% endblock %}

{% block isi %}
<section class="masuk">
  <form method="post" action="{{ url_for('auth.daftar') }}" class="kartu-panel kartu-masuk form">
    {{ csrf_input() }}
    <p class="eyebrow">Akun mahasiswa</p>
    <h1>Daftar</h1>
    <p class="hero-teks kecil">Pakai kode kelas dari dosen Anda. Kode ini yang menentukan
      preparat mana yang bisa Anda lihat dan ujian mana yang tersedia.</p>
    <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">
    </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="kode">Kode kelas</label>
      <input id="kode" name="kode" required maxlength="8" placeholder="mis. HISTO7" style="text-transform:uppercase">
    </div>
    <button class="tombol tombol-utama lebar" type="submit">Buat akun</button>
    <p class="bantuan">Sudah punya akun? <a href="{{ url_for('auth.masuk') }}">Masuk</a>.</p>
  </form>
</section>
{% endblock %}