{% extends 'base.html' %}
{% block content %}
<div class="row justify-content-center">
  <div class="col-lg-6">
    <div class="card shadow-sm text-center">
      <div class="card-body p-4">
        <h3 class="mb-3">Hasil Tes Seleksi</h3>
        <p class="mb-1">Nama: <strong>{{ attempt.full_name }}</strong></p>
        <p class="mb-1">Mapel: <strong>{{ attempt.subject_name }}</strong></p>
        <p class="mb-3">Tanggal: {{ attempt.created_at }}</p>

        <div class="display-5 fw-bold text-primary mb-2">{{ attempt.score }}</div>
        <p class="text-muted">Skor dari 100 ({{ attempt.total_questions }} soal)</p>

        {% if attempt.score >= 75 %}
          <div class="alert alert-success">Lolos tahap tes awal.</div>
        {% else %}
          <div class="alert alert-warning">Belum memenuhi passing grade tes awal.</div>
        {% endif %}

        <a href="{{ url_for('index') }}" class="btn btn-primary">Kembali ke Beranda</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}