{% extends 'base.html' %}
{% block content %}
<div class="p-4 p-md-5 mb-4 bg-white rounded-3 shadow-sm">
  <h1 class="display-6">Sistem Penerimaan Guru Baru</h1>
  <p class="lead mb-3">2 sisi: admin untuk setting mapel & soal, calon guru untuk isi data diri lalu tes otomatis.</p>
  <a class="btn btn-primary btn-lg" href="{{ url_for('candidate_register') }}">Mulai Daftar & Tes</a>
</div>

<div class="card shadow-sm">
  <div class="card-header bg-white fw-semibold">Mata Pelajaran Aktif</div>
  <div class="card-body">
    {% if active_subjects %}
      <ul class="list-group">
        {% for subject in active_subjects %}
        <li class="list-group-item d-flex justify-content-between align-items-center">
          <div>
            <strong>{{ subject.name }}</strong><br>
            <small class="text-muted">{{ subject.description or '-' }}</small>
          </div>
          <span class="badge text-bg-success">Aktif</span>
        </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="text-muted mb-0">Belum ada mapel aktif.</p>
    {% endif %}
  </div>
</div>
{% endblock %}