{% extends "exam/base.html" %}
{% block title %}{{ exam.title }} - 成绩详情{% endblock %}
{% block content %}
<div class="header">
    <h1>📊 {{ exam.title }} - 成绩详情</h1>
    <div class="sub">共 {{ records|length }} 条考试记录</div>
</div>
<div class="container">
    <div class="card">
        <div style="margin-bottom:16px;">
            <a href="/dashboard/exam/{{ exam.id }}/export/" class="btn btn-primary">⬇️ 导出CSV</a>
            <a href="/dashboard/" class="btn" style="background:#f0f0f0; color:#666; margin-left:8px;">← 返回管理后台</a>
        </div>

        {% if records %}
        <table style="width:100%; border-collapse:collapse; font-size:14px;">
            <tr style="background:#f5f5f5;">
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">序号</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:left;">姓名</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:left;">手机号</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">得分</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">满分</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">是否及格</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">考试次数</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">考试时间</th>
                <th style="padding:10px; border:1px solid #ddd; text-align:center;">操作</th>
            </tr>
            {% for record in records %}
            <tr>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">{{ forloop.counter }}</td>
                <td style="padding:10px; border:1px solid #ddd;">{{ record.user_name }}</td>
                <td style="padding:10px; border:1px solid #ddd;">{{ record.user_phone }}</td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center; font-weight:bold;">{{ record.score }}</td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">{{ exam.total_score }}</td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">
                    {% if record.is_pass %}
                        <span style="color:#5cb85c;">✓ 及格</span>
                    {% else %}
                        <span style="color:#d9534f;">✗ 不及格</span>
                    {% endif %}
                </td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">第{{ record.attempt_number }}次</td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">{{ record.created_at|date:"Y-m-d H:i" }}</td>
                <td style="padding:10px; border:1px solid #ddd; text-align:center;">
                    <a href="/pdf/{{ record.id }}/" class="btn" style="background:#f0ad4e; color:#fff; font-size:12px; padding:4px 8px;">PDF</a>
                </td>
            </tr>
            {% endfor %}
        </table>
        {% else %}
        <p style="color:#999; text-align:center; padding:20px;">暂无考试记录</p>
        {% endif %}
    </div>
</div>
{% endblock %}