{% extends 'school/base_school.html' %}
{% block title %}Print Results | STD Lab{% endblock %}
{% block page_title %}Academic Result Export{% endblock %}

{% block content %}
<div class="card" style="max-width: 600px; margin: 40px auto; padding: 40px;">
    <h3 style="font-weight: 900; text-transform: uppercase; margin-bottom: 30px; border-bottom: 2px solid #000; padding-bottom: 10px;">
        <i class="fas fa-print" style="margin-right: 12px; color: #64748b;"></i> Generate Result Sheet
    </h3>

    <form action="{% url 'exam_result_print' %}" method="get">
        <div style="margin-bottom: 25px;">
            <label style="font-size: 0.65rem; font-weight: 800; color: #94a3b8; text-transform: uppercase; display: block; margin-bottom: 8px;">1. Select Examination</label>
            <select name="exam_id" required style="width: 100%; height: 50px; border: 1px solid #000; padding: 0 15px; font-weight: 700; outline: none; border-radius: 0;">
                <option value="">-- CHOOSE EXAM --</option>
                {% for e in exams %}
                    <option value="{{ e.id }}">{{ e.name }} ({{ e.year }})</option>
                {% endfor %}
            </select>
        </div>

        <div style="margin-bottom: 40px;">
            <label style="font-size: 0.65rem; font-weight: 800; color: #94a3b8; text-transform: uppercase; display: block; margin-bottom: 8px;">2. Select Class</label>
            <select name="class_id" required style="width: 100%; height: 50px; border: 1px solid #000; padding: 0 15px; font-weight: 700; outline: none; border-radius: 0;">
                <option value="">-- CHOOSE CLASS --</option>
                {% for c in classes %}
                    <option value="{{ c.id }}">{{ c.name }}</option>
                {% endfor %}
            </select>
        </div>

        <button type="submit" class="btn" style="width: 100%; height: 55px; background: #000; color: #fff; border: none; font-weight: 900; font-size: 1rem; border-radius: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px;">
            <i class="fas fa-file-pdf"></i> GENERATE PRINTABLE CHART
        </button>
    </form>
</div>
{% endblock %}