{% extends 'layouts/portal.html.twig' %}
{% block title %}Results{% endblock %}
{% block content %}
<div class="page-head">
    <div>
        <h1 class="h3">Exam results</h1>
        <p class="text-muted mb-0">{{ student.class }} · {{ student.section }}</p>
    </div>
</div>
{% if results is empty %}
    <div class="card-soft p-4"><div class="empty-state">No exam results are published for this class yet.</div></div>
{% else %}
    {% for item in results %}
        <div class="card-soft student-list-card mb-3">
            <div class="list-toolbar">
                <div class="fw-bold">{{ item.exam.examType }} · {{ item.exam.examSession.name }}</div>
                <span class="badge {{ item.summary.result == 'Pass' ? 'badge-ok' : 'badge-off' }}">{{ item.summary.grade }} · {{ item.summary.result }}</span>
            </div>
            <div class="table-scroll">
                <table class="table table-modern">
                    <thead>
                    <tr>
                        {% for config in item.configs %}
                            <th>{{ config.subject.name }}<div class="text-muted fw-normal small">{{ config.fullMarks + (config.practicalFullMarks ?: 0) }}</div></th>
                        {% endfor %}
                        <th>Total</th>
                        <th>%</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        {% for config in item.configs %}
                            <td>{{ item.summary.cells[config.subject.id]|default(0) + 0 }}</td>
                        {% endfor %}
                        <td class="fw-semibold">{{ item.summary.obtained + 0 }} / {{ item.summary.full + 0 }}</td>
                        <td>{{ item.summary.percent }}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    {% endfor %}
{% endif %}
{% endblock %}