{% extends "base.html" %}
{% block judul %}Akun & kelas — Atlas Histo{% endblock %}

{% block isi %}
<nav class="remah" aria-label="Remah roti">
  <a href="{{ url_for('index') }}">Jelajah</a><span aria-hidden="true">/</span>
  <a href="{{ url_for('admin') }}">Kelola preparat</a><span aria-hidden="true">/</span>
  <span aria-current="page">Akun &amp; kelas</span>
</nav>

<header class="halaman-kepala">
  <div>
    <p class="eyebrow">Panel akun</p>
    <h1>Akun &amp; kelas</h1>
    <p class="hero-teks kecil">Admin membuat akun dosen; dosen memberi kode kelas ke mahasiswa.
      Mahasiswa mendaftar sendiri dengan kode itu.</p>
  </div>
</header>

{% if pengguna.peran == 'admin' %}
<div class="dua-kolom">
  <section class="kartu-panel">
    <h2>Buat akun dosen</h2>
    <form method="post" action="{{ url_for('akun.buat_dosen') }}" class="form">
      {{ csrf_input() }}
      <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">
      </div>
      <div class="bidang">
        <label for="email">Email (opsional)</label>
        <input id="email" name="email" type="email" maxlength="160">
      </div>
      <div class="bidang">
        <label for="sandi">Sandi awal (minimal 8 karakter)</label>
        <input id="sandi" name="sandi" type="text" required minlength="8" value="">
        <small class="bantuan">Sampaikan ke dosen; ia wajib menggantinya saat masuk pertama.</small>
      </div>
      <button class="tombol tombol-utama lebar" type="submit">Buat akun dosen</button>
    </form>
  </section>

  <section class="kartu-panel">
    <h2>Dosen terdaftar</h2>
    {% if dosen %}
      <ul class="daftar-admin">
        {% for d in dosen %}
          <li>
            <span class="daftar-teks">
              <strong>{{ d.nama }}</strong>
              <small>{{ d.pengguna }}{% if d.email %} · {{ d.email }}{% endif %}
                · {{ 'aktif' if d.aktif else 'nonaktif' }}</small>
            </span>
            <span class="daftar-aksi">
              <form method="post" action="{{ url_for('akun.reset_sandi', pid=d.id) }}">
                {{ csrf_input() }}
                <button class="tombol tombol-garis tombol-kecil" type="submit">Reset sandi</button>
              </form>
              <form method="post" action="{{ url_for('akun.atur_aktif', pid=d.id) }}">
                {{ csrf_input() }}
                <button class="tombol tombol-hapus tombol-kecil" type="submit">
                  {{ 'Nonaktifkan' if d.aktif else 'Aktifkan' }}</button>
              </form>
            </span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="kosong-kecil">Belum ada akun dosen.</p>
    {% endif %}
  </section>
</div>
{% endif %}

<div class="dua-kolom">
  <section class="kartu-panel">
    <h2>Kelas</h2>
    <form method="post" action="{{ url_for('akun.buat_kelas') }}" class="form">
      {{ csrf_input() }}
      <div class="bidang">
        <label for="nama-kelas">Nama kelas baru</label>
        <input id="nama-kelas" name="nama" required maxlength="160" placeholder="mis. Histologi Blok 3 — 2026">
      </div>
      <button class="tombol tombol-utama lebar" type="submit">Buat kelas + kode gabung</button>
    </form>
    {% if kelas %}
      <ul class="daftar-admin">
        {% for k in kelas %}
          <li>
            <span class="daftar-teks">
              <strong>{{ k.nama }}</strong>
              <small>Kode: <code>{{ k.kode_gabung }}</code> · {{ k.anggota }} mahasiswa</small>
            </span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="kosong-kecil">Belum ada kelas.</p>
    {% endif %}
  </section>

  <section class="kartu-panel">
    <h2>Mahasiswa{% if pengguna.peran == 'dosen' %} di kelas Anda{% endif %}</h2>
    <p class="hitung-baris">{{ mahasiswa|length }} akun</p>
    {% if mahasiswa %}
      <ul class="daftar-admin">
        {% for m in mahasiswa %}
          <li>
            <span class="daftar-teks">
              <strong>{{ m.nama }}</strong>
              <small>{{ m.pengguna }} · {{ 'aktif' if m.aktif else 'nonaktif' }}</small>
            </span>
            <span class="daftar-aksi">
              <form method="post" action="{{ url_for('akun.reset_sandi', pid=m.id) }}">
                {{ csrf_input() }}
                <button class="tombol tombol-garis tombol-kecil" type="submit">Reset sandi</button>
              </form>
              <form method="post" action="{{ url_for('akun.atur_aktif', pid=m.id) }}">
                {{ csrf_input() }}
                <button class="tombol tombol-hapus tombol-kecil" type="submit">
                  {{ 'Nonaktifkan' if m.aktif else 'Aktifkan' }}</button>
              </form>
            </span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="kosong-kecil">Belum ada mahasiswa terdaftar.</p>
    {% endif %}
  </section>
</div>
{% endblock %}