{% extends "exam/base.html" %}
{% block title %}我的成绩 - 安全培训考试{% endblock %}
{% block content %}
<div class="header">
    <h1>📋 我的考试记录</h1>
    <div class="sub">{{ user_name }} 的所有考试成绩</div>
</div>
<div class="container">
    <div class="card">
        {% 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: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;">{{ record.exam.title }}</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;">{{ record.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="/result/{{ record.id }}/" class="btn" style="background:#5cb85c; color:#fff; font-size:12px; padding:4px 8px;">详情</a>
                    <a href="/pdf/{{ record.id }}/" class="btn" style="background:#f0ad4e; color:#fff; font-size:12px; padding:4px 8px; margin-left:4px;">PDF</a>
                </td>
            </tr>
            {% endfor %}
        </table>
        {% else %}
        <p style="color:#999; text-align:center; padding:20px;">您还没有参加过任何考试</p>
        <div style="text-align:center;">
            <a href="/" class="btn btn-primary">去考试列表</a>
        </div>
        {% endif %}
    </div>

    <div style="margin-top:16px; text-align:center;">
        <a href="/" class="btn" style="background:#f0f0f0; color:#666;">← 返回考试列表</a>
    </div>
</div>
{% endblock %}