{% extends "exam/base.html" %}
{% block title %}选择考试 - 安全培训考试{% endblock %}
{% block content %}
<div class="header">
    <h1>选择考试</h1>
    <div style="margin-top:12px;">
        <a href="/my-records/" class="btn" style="background:rgba(255,255,255,0.2); color:#fff;">📋 我的成绩</a>
    </div>
    <div class="sub">请选择您要参加的培训考试</div>
</div>
<div class="container">
    {% if exams %}
        {% for exam in exams %}
        <div class="exam-card">
            <div style="display:flex; justify-content:space-between; align-items:flex-start;">
                <div>
                    <div class="exam-title">{{ exam.title }}</div>
                    <div style="font-size:13px; color:#666; margin-top:6px;">{{ exam.description }}</div>
                    <div style="font-size:12px; color:#999; margin-top:8px;">
                        ⏱ {{ exam.time_limit }}分钟 | 📄 {{ exam.question_count }}道题 | 
                        ✅ {{ exam.pass_score }}分及格 | 🎯 {{ exam.total_score }}分满分
                    </div>
                    {% if exam.latest_record %}
                    <div style="font-size:12px; color:#4a90d9; margin-top:4px;">
                        您已考过 {{ exam.attempt_count }} 次，最新成绩: {{ exam.latest_record.score }}分 
                        {% if exam.latest_record.is_pass %}（及格）{% else %}（不及格）{% endif %}
                    </div>
                    {% endif %}
                </div>
                <div style="text-align:right;">
                    {% if exam.latest_record %}
                        <span class="badge badge-success">已完成</span>
                    {% else %}
                        <span class="badge badge-info">未开始</span>
                    {% endif %}
                </div>
            </div>
            <div style="margin-top:16px;">
                {% if exam.latest_record %}
                    <a href="/exam/{{ exam.id }}/" class="btn btn-primary" style="margin-right:8px;">再次考试</a>
                    <a href="/result/{{ exam.latest_record.id }}/" class="btn" style="background:#5cb85c; color:#fff; margin-right:8px;">查看成绩</a>
                    <a href="/pdf/{{ exam.latest_record.id }}/" class="btn" style="background:#f0ad4e; color:#fff;">下载PDF</a>
                {% else %}
                    <a href="/exam/{{ exam.id }}/" class="btn btn-primary btn-block">开始考试</a>
                {% endif %}
            </div>
        </div>
        {% endfor %}
    {% else %}
        <div class="card" style="text-align:center; padding:40px;">
            <p style="color:#999; font-size:16px;">暂无考试安排</p>
            <p style="color:#666; font-size:14px; margin-top:8px;">
                暂无考试，请联系管理员安排
            </p>
        </div>
    {% endif %}
</div>
{% endblock %}