{% extends "base.html" %}
{% block judul %}Nilai {{ peta.nama }} — Informatika UNTAN{% endblock %}
{% block isi %}
  <div class="nav-baris">
    <div>MK ini: <a href="/rps/{{ peta.kode }}">RPS</a> · <b>Input Nilai</b> · <a href="/portofolio/{{ peta.kode }}">Portofolio</a></div>
  </div>

  <h1>Input Nilai — {{ peta.nama }} <span style="color:var(--grey)">({{ peta.kode }})</span></h1>

  <p class="keterangan">Skor per Sub-CPMK digulung ke CPMK lalu CPL (rincian di halaman <a href="/metodologi">Metodologi</a>).</p>

  {% if kelas_dosen is not none %}
  <div class="info">Anda hanya mengampu kelas <b>{{ kelas_dosen|join(', ') }}</b> pada MK ini —
    daftar &amp; tombol di bawah cuma menampilkan mahasiswa kelas tersebut.</div>
  {% endif %}

  {% if pesan %}<div class="info">{{ pesan }}</div>{% endif %}
  {% for w in peringatan %}<div class="peringatan">{{ w }}</div>{% endfor %}

  {% if komponen_daftar %}
  <h2 class="bagian">ISI PER KOMPONEN</h2>
  <table class="grid" style="max-width:760px">
    <thead>
      <tr>
        <th>Komponen</th>
        <th class="tengah" style="width:90px">Sub-CPMK</th>
        <th class="tengah" style="width:70px">Bobot</th>
        <th class="tengah" style="width:150px">Status</th>
        <th class="tengah" style="width:110px"></th>
      </tr>
    </thead>
    <tbody>
      {% for k in komponen_daftar %}
      <tr>
        <td>{{ k.nama }}<br><span style="font-size:12px;color:var(--grey)">{{ 'boleh diisi berkali-kali' if k.ulang else 'sekali-jalan' }}</span></td>
        <td class="tengah">{{ k.n_subs }}</td>
        <td class="tengah">{% if k.bobot %}{{ k.bobot }}%{% else %}—{% endif %}</td>
        <td class="tengah">
          {% if k.ulang %}
            {% if k.n_sesi %}<span class="stamp stamp-ok">{{ k.n_sesi }} SESI</span>{% else %}<span class="stamp stamp-draft">BELUM ADA SESI</span>{% endif %}
          {% else %}
            {% if k.n_sesi %}<span class="stamp stamp-ok">SUDAH DIISI</span>{% else %}<span class="stamp stamp-draft">BELUM DIISI</span>{% endif %}
          {% endif %}
        </td>
        <td class="tengah">
          <a class="tombol garis" style="padding:4px 12px;font-size:13px" href="/nilai/{{ peta.kode }}/komponen/{{ k.i }}">
            {{ 'Sesi Baru' if k.ulang else ('Edit' if k.n_sesi else 'Isi') }}
          </a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  {% if tersimpan %}
    <div class="info">
      Data tersimpan: mode
      <b>{% if tersimpan.data.mode == 'per_mahasiswa' %}PER MAHASISWA ({{ tersimpan.data.mahasiswa|length }} mahasiswa){% else %}BUKTI AGREGAT (rata-rata kelas){% endif %}</b>
      — terakhir disimpan {{ tersimpan.updated_at }}{% if tersimpan.updated_by %} oleh {{ tersimpan.updated_by }}{% endif %}.
      {% if tersimpan.data.sumber %}<br>Riwayat perubahan:
        {{ tersimpan.data.sumber if tersimpan.data.sumber is string else tersimpan.data.sumber|join(' · ') }}.{% endif %}
      <form method="post" action="/nilai/{{ peta.kode }}" style="display:inline;margin-left:8px"
            onsubmit="return confirm('Hapus SELURUH nilai tersimpan MK ini untuk {{ tahun }}? Tindakan ini tidak bisa dibatalkan.')">
        <button class="tombol garis" type="submit" name="aksi" value="hapus"
                style="color:var(--red);border-color:var(--red);padding:2px 10px;font-size:13px">Mulai Ulang (hapus semua nilai)</button>
      </form>
    </div>
  {% endif %}

  {% if grid and tabel_komponen and komponen_daftar %}
  <h2 class="bagian">NILAI PER KOMPONEN <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan komponen</span></h2>
  <p class="keterangan">Angka = rata-rata skor mentah tiap sesi/tugas komponen itu yang diikuti mahasiswa (bukan lewat Sub-CPMK). Ketik untuk menimpa —
    ditulis rata ke semua Sub-CPMK komponen itu; rincian per Sub-CPMK tetap presisi di grid bawah.</p>
  <form method="post" action="/nilai/{{ peta.kode }}">
    <input type="hidden" name="aksi" value="komponen">
    <div class="gulir" style="max-height:480px;overflow-y:auto">
    <table class="grid">
      <thead>
        <tr>
          <th style="width:44px" class="tengah">No.</th>
          <th style="width:112px">NIM</th>
          <th style="min-width:150px">Nama</th>
          {% for k in komponen_daftar %}<th class="tengah" style="font-size:11px;min-width:90px">{{ k.nama }}</th>{% endfor %}
          <th class="tengah" style="width:80px">Nilai Akhir</th>
        </tr>
      </thead>
      <tbody>
        {% for r in tabel_komponen %}
        {% set ri = loop.index0 %}
        <tr>
          <td class="tengah">{{ loop.index }}
            <input type="hidden" name="nim_{{ ri }}" value="{{ r.nim }}">
            <input type="hidden" name="nama_{{ ri }}" value="{{ r.nama }}"></td>
          <td>{{ r.nim }}</td>
          <td>{{ r.nama }}</td>
          {% for k in komponen_daftar %}
          <td class="isian"><input type="number" name="komp_{{ ri }}_{{ k.i }}"
            min="0" max="100" step="any"
            value="{{ '%g'|format(r.nilai[k.i]) if r.nilai[k.i] is not none else '' }}"></td>
          {% endfor %}
          <td class="tengah"><b>{{ '%.1f'|format(akhir.get(r.nim)) if akhir.get(r.nim) is not none else '—' }}</b></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    <div class="aksi-baris">
      <span style="color:var(--grey);font-size:13px">Disimpan atas nama <b>{{ user.nama }}</b></span>
      <span class="spacer"></span>
      <button class="tombol" type="submit">Simpan Nilai Komponen</button>
    </div>
  </form>
  {% endif %}

  {% if grid %}
  {% set per_mhs = tersimpan and tersimpan.data.mode == 'per_mahasiswa' %}
  <h2 class="bagian">NILAI PER MAHASISWA <span style="font-weight:normal;font-style:italic;color:var(--grey)">— nilai mahasiswa berdasarkan Sub-CPMK</span></h2>
  <form method="post" action="/nilai/{{ peta.kode }}">
    <div class="gulir" style="max-height:480px;overflow-y:auto">
    {% set ada_kelas = grid|selectattr('kelas')|list|length > 0 %}
    {% set n_kiri = 4 if ada_kelas else 3 %}
    <table class="grid">
      <thead>
        <tr>
          <th style="width:44px" class="tengah">No.</th>
          <th style="width:112px">NIM</th>
          <th style="min-width:150px">Nama</th>
          {% if ada_kelas %}<th style="width:60px" class="tengah">Kelas</th>{% endif %}
          {% for s in peta.subs %}<th class="tengah" style="font-size:11px;min-width:62px">{{ s.kode }}</th>{% endfor %}
          <th class="tengah" style="width:80px">Nilai Akhir</th>
        </tr>
      </thead>
      <tbody>
        {% for m in grid %}
        {% set i = loop.index0 %}
        <tr>
          <td class="tengah">{{ loop.index }}
            <input type="hidden" name="nim_{{ i }}" value="{{ m.nim }}">
            <input type="hidden" name="nama_{{ i }}" value="{{ m.nama }}"></td>
          <td>{{ m.nim }}</td>
          <td>{{ m.nama }}</td>
          {% if ada_kelas %}<td class="tengah">{{ m.kelas or '—' }}</td>{% endif %}
          {% for s in peta.subs %}
          <td class="isian"><input type="number" name="skor_{{ i }}_{{ s.kode }}"
            min="0" max="100" step="any"
            value="{{ '%g'|format(m.skor[s.kode]) if s.kode in m.skor else '' }}"></td>
          {% endfor %}
          <td class="tengah"><b>{{ '%.1f'|format(akhir.get(m.nim)) if akhir.get(m.nim) is not none else '—' }}</b></td>
        </tr>
        {% endfor %}
        {% if per_mhs and hasil %}
        <tr class="total">
          <td colspan="{{ n_kiri }}" style="text-align:right">Rata-rata kelas (tersimpan)</td>
          {% for s in peta.subs %}
          {% set info = hasil.sub.get(s.kode) %}
          <td class="tengah">{{ '%.1f'|format(info.rata) if info else '—' }}</td>
          {% endfor %}
          <td class="tengah">{{ '%.1f'|format(akhir.values()|sum / akhir|length) if akhir else '—' }}</td>
        </tr>
        <tr class="total">
          <td colspan="{{ n_kiri }}" style="text-align:right">% lulus (≥ {{ ambang|round(0)|int }})</td>
          {% for s in peta.subs %}
          {% set info = hasil.sub.get(s.kode) %}
          <td class="tengah" {% if info and info.lulus_pct is not none and info.rata < ambang %}style="color:var(--red)"{% endif %}>{{ '%.0f'|format(info.lulus_pct) ~ '%' if info and info.lulus_pct is not none else '—' }}</td>
          {% endfor %}
          <td></td>
        </tr>
        {% endif %}
      </tbody>
    </table>
    </div>
    <div class="aksi-baris">
      <span style="color:var(--grey);font-size:13px">Disimpan atas nama <b>{{ user.nama }}</b></span>
      <span class="spacer"></span>
      <button class="tombol" type="submit" name="aksi" value="grid">Simpan Nilai</button>
    </div>
  </form>
  {% endif %}

  {% if hasil %}
  <h2 class="bagian">HASIL KETERCAPAIAN MK <span style="font-weight:normal;font-style:italic;color:var(--grey)">(ambang {{ ambang|round(0)|int }})</span></h2>
  <div class="gulir">
  <table class="grid">
    <thead><tr><th>CPMK</th><th class="tengah">Skor</th><th class="tengah">Sub Ternilai</th><th class="tengah">% Ternilai</th><th>CPL Didukung</th></tr></thead>
    <tbody>
      {% for kode_c, v in hasil.cpmk.items() %}
      <tr>
        <td>{{ kode_c }}</td>
        <td class="tengah">{% if v.skor is not none %}<b>{{ '%.2f'|format(v.skor) }}</b>{% else %}—{% endif %}</td>
        <td class="tengah">{{ v.n_ternilai }}/{{ v.n_sub }}</td>
        <td class="tengah">{{ '%.0f'|format(100 * v.n_ternilai / v.n_sub) ~ '%' if v.n_sub else '—' }}</td>
        <td>{{ v.cpl|join(', ') }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  <div class="gulir" style="margin-top:10px">
  <table class="grid">
    <thead><tr><th>CPL</th><th class="tengah">Skor</th><th class="tengah">% CPMK Ternilai</th><th class="tengah">Status</th></tr></thead>
    <tbody>
      {% for kode_c, v in hasil.cpl.items() %}
      <tr>
        <td>{{ kode_c }}</td>
        <td class="tengah">{% if v.skor is not none %}<b>{{ '%.2f'|format(v.skor) }}</b>{% else %}—{% endif %}</td>
        <td class="tengah">{{ '%.0f'|format(100 * v.n_cpmk_ternilai / v.n_cpmk) ~ '%' if v.n_cpmk else '—' }}</td>
        <td class="tengah">
          {% if v.skor is none %}<span class="stamp stamp-draft">BELUM TERUKUR</span>
          {% elif v.skor >= ambang %}<span class="stamp stamp-ok">TERCAPAI</span>
          {% else %}<span class="stamp stamp-no">DI BAWAH AMBANG</span>{% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% endif %}
{% endblock %}