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

{% block isi %}
<section class="masuk">
  <form method="post" action="{{ url_for('auth.masuk') }}" class="kartu-panel kartu-masuk form">
    {{ csrf_input() }}
    <input type="hidden" name="lanjut" value="{{ lanjut or '' }}">
    <p class="eyebrow">Atlas Histo</p>
    <h1>Masuk</h1>
    <p class="hero-teks kecil">Atlas ini hanya untuk dosen dan mahasiswa terdaftar.
      Mahasiswa baru mendaftar dengan kode kelas dari dosen.</p>
    <div class="bidang">
      <label for="pengguna">Nama pengguna atau email</label>
      <input id="pengguna" name="pengguna" required autofocus autocomplete="username">
    </div>
    <div class="bidang">
      <label for="sandi">Sandi</label>
      <input id="sandi" name="sandi" type="password" required autocomplete="current-password">
    </div>
    <button class="tombol tombol-utama lebar" type="submit">Masuk</button>
    <p class="bantuan">Belum punya akun?
      <a href="{{ url_for('auth.daftar') }}">Daftar sebagai mahasiswa</a>.</p>
  </form>
</section>
{% endblock %}