{% extends "base.html" %}

{% block title %}评分详情 - {{ exam.title }} - FlashExam{% endblock %}

{% block content %}
<!-- 面包屑导航 -->
<div class="row mb-4">
    <div class="col-12">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url_for('teacher.dashboard') }}">主页</a></li>
                <li class="breadcrumb-item"><a href="{{ url_for('teacher.grading') }}">主观题评分</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ exam.title }}</li>
            </ol>
        </nav>
        
        <h1 class="h3 mb-0">
            <i class="bi bi-clipboard-check"></i>
            评分详情 - {{ exam.title }}
        </h1>
        <p class="text-muted">主观题评分管理</p>
    </div>
</div>

<!-- 评分统计 -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card bg-primary text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title">总题目数</h5>
                        <h2 class="mb-0">{{ total_questions }}</h2>
                    </div>
                    <div class="align-self-center">
                        <i class="bi bi-clipboard-data display-6"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-success text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title">已AI评分</h5>
                        <h2 class="mb-0">{{ ai_graded_count }}</h2>
                    </div>
                    <div class="align-self-center">
                        <i class="bi bi-robot display-6"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-warning text-dark">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title">已手动评分</h5>
                        <h2 class="mb-0">{{ manual_graded_count }}</h2>
                    </div>
                    <div class="align-self-center">
                        <i class="bi bi-person-check display-6"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card bg-danger text-white">
            <div class="card-body">
                <div class="d-flex justify-content-between">
                    <div>
                        <h5 class="card-title">未评分</h5>
                        <h2 class="mb-0">{{ ungraded_count }}</h2>
                    </div>
                    <div class="align-self-center">
                        <i class="bi bi-question-circle display-6"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- AI评分控制面板 -->
<div class="card mb-4">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">
            <i class="bi bi-robot"></i>
            AI智能评分中心
        </h5>
        <button class="btn btn-outline-info btn-sm" onclick="showLLMConfig()">
            <i class="bi bi-gear"></i> LLM配置
        </button>
    </div>
    <div class="card-body">
        <!-- 评分方法选择 -->
        <div class="row mb-4">
            <div class="col-md-6">
                <h6><i class="bi bi-list-check"></i> 选择评分方法</h6>
                <div class="btn-group-vertical w-100" role="group">
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_keyword" value="keyword" checked>
                        <label class="form-check-label" for="method_keyword">
                            <span class="badge bg-secondary">快</span>
                            <strong>关键词匹配</strong>
                            <small class="text-muted d-block">基于关键词覆盖率，速度快</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_semantic" value="semantic" checked>
                        <label class="form-check-label" for="method_semantic">
                            <span class="badge bg-secondary">快</span>
                            <strong>语义相似度</strong>
                            <small class="text-muted d-block">综合字符和词汇相似度</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_embedding" value="embedding">
                        <label class="form-check-label" for="method_embedding">
                            <span class="badge bg-info">中</span>
                            <strong>语义嵌入</strong>
                            <small class="text-muted d-block">Sentence-Transformer嵌入模型</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_tfidf" value="tfidf">
                        <label class="form-check-label" for="method_tfidf">
                            <span class="badge bg-secondary">快</span>
                            <strong>TF-IDF相似度</strong>
                            <small class="text-muted d-block">基于TF-IDF加权的向量相似度</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_bm25" value="bm25">
                        <label class="form-check-label" for="method_bm25">
                            <span class="badge bg-secondary">快</span>
                            <strong>BM25评分</strong>
                            <small class="text-muted d-block">概率检索模型</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_ollama" value="ollama">
                        <label class="form-check-label" for="method_ollama">
                            <span class="badge bg-warning text-dark">慢</span>
                            <strong>Ollama LLM</strong>
                            <small class="text-muted d-block">本地大语言模型评分</small>
                        </label>
                    </div>
                    <div class="form-check mb-2">
                        <input class="form-check-input" type="checkbox" id="method_openai" value="openai">
                        <label class="form-check-label" for="method_openai">
                            <span class="badge bg-warning text-dark">慢</span>
                            <strong>OpenAI兼容API</strong>
                            <small class="text-muted d-block">OpenAI/DeepSeek/通义等API</small>
                        </label>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <h6><i class="bi bi-sliders"></i> 方法权重配置</h6>
                <div id="weightsConfig">
                    <div class="mb-2">
                        <label class="form-label small">关键词权重</label>
                        <input type="range" class="form-range" id="weight_keyword" min="0" max="100" value="30" disabled>
                        <small class="text-muted"><span id="weight_keyword_val">30</span>%</small>
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">语义相似度权重</label>
                        <input type="range" class="form-range" id="weight_semantic" min="0" max="100" value="40" disabled>
                        <small class="text-muted"><span id="weight_semantic_val">40</span>%</small>
                    </div>
                    <div class="mb-2">
                        <label class="form-label small">语义嵌入权重</label>
                        <input type="range" class="form-range" id="weight_embedding" min="0" max="100" value="30" disabled>
                        <small class="text-muted"><span id="weight_embedding_val">30</span>%</small>
                    </div>
                </div>
                
                <hr>
                <h6><i class="bi bi-info-circle"></i> 评分策略</h6>
                <select class="form-select mb-3" id="scoreStrategy">
                    <option value="weighted">加权平均（推荐）</option>
                    <option value="max">取最高分</option>
                    <option value="min">取最低分（严格）</option>
                    <option value="median">取中位数</option>
                </select>
                
                <div class="alert alert-info small">
                    <strong>提示：</strong>选择多个方法可以提高评分准确性。LLM方法较慢但理解能力强，嵌入方法速度快且效果好。
                </div>
            </div>
        </div>
        
        <!-- 快速操作按钮 -->
        <div class="row">
            <div class="col-12">
                <div class="btn-group w-100 mb-3" role="group">
                    <button type="button" class="btn btn-success" onclick="startMultiMethodGrading()">
                        <i class="bi bi-play-fill"></i> 开始评分
                    </button>
                    <button type="button" class="btn btn-outline-primary" onclick="previewMultiMethod()">
                        <i class="bi bi-eye"></i> 预览对比
                    </button>
                    <button type="button" class="btn btn-outline-secondary" onclick="resetMethodSelection()">
                        <i class="bi bi-arrow-counterclockwise"></i> 重置
                    </button>
                </div>
            </div>
        </div>
        
        <!-- 评分进度显示 -->
        <div id="gradingProgressPanel" class="mb-4" style="display: none;">
            <div class="card border-success">
                <div class="card-header bg-success text-white">
                    <h6 class="mb-0">
                        <i class="bi bi-activity"></i>
                        AI评分进行中
                        <button id="pauseResumeBtn" class="btn btn-outline-light btn-sm ms-2" onclick="togglePauseResume()">
                            <i class="bi bi-pause"></i> 暂停
                        </button>
                        <button id="stopBtn" class="btn btn-outline-danger btn-sm ms-2" onclick="stopGrading()">
                            <i class="bi bi-stop"></i> 停止
                        </button>
                    </h6>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <span class="fw-bold">进度</span>
                        <span id="progressText">0/0</span>
                    </div>
                    <div class="progress mb-3" style="height: 25px;">
                        <div id="progressBar" class="progress-bar progress-bar-striped progress-bar-animated bg-success" 
                             style="width: 0%">0%</div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="text-center">
                                <small class="text-muted">当前状态</small><br>
                                <span id="currentStatus" class="fw-bold">准备开始...</span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="text-center">
                                <small class="text-muted">预计剩余时间</small><br>
                                <span id="estimatedTime" class="fw-bold">计算中...</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 实时评分详情 -->
                    <div id="realtimeGradingDetails" class="mt-3" style="display: none;">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="mb-0">实时评分详情</h6>
                            </div>
                            <div class="card-body p-2">
                                <div id="currentQuestionInfo" class="small"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="col-md-8">
                <h6 class="text-muted mb-3">选择AI评分方法：</h6>
                <div class="btn-group-vertical d-grid gap-2 d-md-block" role="group">
                    <button type="button" class="btn btn-outline-success btn-lg me-2 mb-2" 
                            onclick="showGradingOptions('embedding')" title="快速嵌入评分">
                        <i class="bi bi-lightning-charge-fill"></i>
                        <strong>快速嵌入评分</strong> ⚡推荐
                        <small class="d-block text-muted">语义嵌入模型，速度快10-50倍</small>
                    </button>
                    
                    <button type="button" class="btn btn-outline-primary btn-lg me-2 mb-2" 
                            onclick="showGradingOptions('semantic')" title="语义分析评分">
                        <i class="bi bi-diagram-3"></i>
                        <strong>语义分析评分</strong>
                        <small class="d-block text-muted">纯文本相似度计算，极快</small>
                    </button>
                    
                    <button type="button" class="btn btn-outline-info btn-lg me-2 mb-2" 
                            onclick="showGradingOptions('ai_fusion')" title="智能融合评分">
                        <i class="bi bi-lightning-charge"></i>
                        <strong>智能融合评分</strong>
                        <small class="text-warning">⚠️ 较慢：语义分析+本地模型</small>
                    </button>
                    
                    <button type="button" class="btn btn-outline-secondary btn-lg me-2 mb-2" 
                            onclick="showGradingOptions('ai_qwen')" title="本地大模型评分">
                        <i class="bi bi-cpu"></i>
                        <strong>本地大模型评分</strong>
                        <small class="text-warning">⚠️ 较慢：LLM推理评分</small>
                    </button>
                </div>
            </div>
            <div class="col-md-4">
                <div class="text-center">
                    <div class="alert alert-info">
                        <i class="bi bi-info-circle"></i>
                        <strong>评分说明</strong><br>
                        <small>推荐使用<strong>智能融合评分</strong>，能够综合多种算法的优势，确保评分的准确性和公平性。</small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 题目评分详情列表 -->
<div class="card">
    <div class="card-header">
        <div class="d-flex justify-content-between align-items-center">
            <h5 class="mb-0">
                <i class="bi bi-list-check"></i>
                题目评分详情
            </h5>
            <div>
                <button class="btn btn-outline-primary btn-sm me-2" onclick="openStudentManagement()">
                    <i class="bi bi-people"></i> 学生管理
                </button>
                <button class="btn btn-outline-primary btn-sm" onclick="refreshQuestionList()">
                    <i class="bi bi-arrow-clockwise"></i> 刷新
                </button>
            </div>
        </div>
    </div>
    <div class="card-body">
        <!-- 过滤和排序选项 -->
        <div class="row mb-3">
            <div class="col-md-4">
                <label class="form-label">按评分状态筛选：</label>
                <select class="form-select" id="gradingStatusFilter" onchange="filterQuestions()">
                    <option value="">全部</option>
                    <option value="ungraded">未评分</option>
                    <option value="ai_graded">AI已评分</option>
                    <option value="manually_graded">手动已评分</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">按题目类型筛选：</label>
                <select class="form-select" id="questionTypeFilter" onchange="filterQuestions()">
                    <option value="">全部类型</option>
                    <option value="short_answer">简答题</option>
                    <option value="essay">论述题</option>
                    <option value="fill_blank">填空题</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label">搜索学生：</label>
                <input type="text" class="form-control" id="studentSearchInput" placeholder="输入学生姓名或学号" onkeyup="filterQuestions()">
            </div>
        </div>

        <!-- 题目列表 -->
        <div id="questionsContainer">
            <!-- 这里将通过JavaScript动态加载题目数据 -->
            <div class="text-center py-4">
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">加载中...</span>
                </div>
                <p class="mt-2 text-muted">正在加载题目数据...</p>
            </div>
        </div>
    </div>
</div>

<!-- 评分详情配置模态框 -->
<div class="modal fade" id="gradingConfigModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="gradingModalTitle">
                    <i class="bi bi-gear"></i>
                    AI评分配置
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="gradingModalBody">
                <!-- 动态内容 -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="startAIGrading()">
                    <i class="bi bi-play"></i>
                    开始评分
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 题目组详情 -->
{% for question_group in questions_grouped %}
<div class="card mb-4">
    <div class="card-header">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h5 class="mb-0">
                    <span class="badge bg-secondary">题目 {{ loop.index }}</span>
                    {{ question_group[0].question_text|truncate(100) }}
                </h5>
                <small class="text-muted">
                    类型: {{ question_group[0].question_type }} | 
                    满分: {{ question_group[0].max_score }}分
                </small>
            </div>
            <div class="col-md-4 text-end">
                <div class="btn-group" role="group">
                    <button class="btn btn-success btn-sm" 
                            onclick="gradeQuestionGroup({{ loop.index }})" 
                            title="AI评分此题组">
                        <i class="bi bi-robot"></i> 
                        AI评分此题组
                    </button>
                    <button class="btn btn-info btn-sm" 
                            onclick="showQuestionDetails({{ loop.index }})"
                            title="显示/隐藏详情">
                        <i class="bi bi-eye"></i>
                        详情
                    </button>
                </div>
                <div class="mt-1">
                    <span class="badge bg-light text-dark">{{ question_group | length }} 份答卷</span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="card-body collapse" id="questionDetails{{ loop.index }}">
        <!-- 学生答案列表 -->
        <div class="table-responsive">
            <table class="table table-sm table-hover">
                <thead>
                    <tr>
                        <th width="15%">学生</th>
                        <th width="35%">学生答案</th>
                        <th width="15%">评分状态</th>
                        <th width="15%">分数</th>
                        <th width="20%">操作</th>
                    </tr>
                </thead>
                <tbody>
                    {% for question in question_group %}
                    <tr id="question-row-{{ question.question_score_id }}">
                        <td>
                            <strong>{{ question.student_name }}</strong><br>
                            <small class="text-muted">ID: {{ question.student_id }}</small>
                        </td>
                        <td>
                            <div class="answer-preview">
                                {% if question.student_answer %}
                                    {{ question.student_answer|truncate(150) }}
                                    {% if question.student_answer|length > 150 %}
                                        <br><button class="btn btn-link btn-sm p-0" 
                                                  onclick="showFullAnswer({{ question.question_score_id }})">
                                            查看完整答案
                                        </button>
                                    {% endif %}
                                {% else %}
                                    <span class="text-muted">未作答</span>
                                {% endif %}
                            </div>
                        </td>
                        <td>
                            {% if question.is_ai_graded %}
                                <span class="badge bg-success">
                                    <i class="bi bi-robot"></i> AI已评分
                                </span>
                            {% elif question.is_manually_graded %}
                                <span class="badge bg-warning">
                                    <i class="bi bi-person"></i> 手动已评分
                                </span>
                            {% else %}
                                <span class="badge bg-danger">
                                    <i class="bi bi-question-circle"></i> 未评分
                                </span>
                            {% endif %}
                        </td>
                        <td>
                            <strong class="score-display">
                                {% if question.score is not none %}
                                    {{ "%.1f"|format(question.score) }}
                                {% else %}
                                    0.0
                                {% endif %}
                            </strong>
                            <small class="text-muted">/ {{ question.max_score }}</small>
                        </td>
                        <td>
                            <div class="btn-group-vertical btn-group-sm" role="group">
                                <button class="btn btn-outline-primary btn-sm mb-1" 
                                        onclick="singleAIGrade({{ question.question_score_id }})"
                                        title="单独AI评分">
                                    <i class="bi bi-robot"></i> AI评分
                                </button>
                                <button class="btn btn-outline-info btn-sm" 
                                        onclick="showGradingDetail({{ question.question_score_id }})"
                                        title="查看评分详情">
                                    <i class="bi bi-info-circle"></i> 详情
                                </button>
                            </div>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endfor %}

<!-- 评分详情模态框 -->
<div class="modal fade" id="gradingDetailModal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-clipboard-data"></i>
                    评分详情
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="gradingDetailContent">
                <div class="text-center">
                    <div class="spinner-border" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 完整答案模态框 -->
<div class="modal fade" id="fullAnswerModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-file-text"></i>
                    完整答案
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="fullAnswerContent">
                <!-- 动态内容 -->
            </div>
        </div>
    </div>
</div>

<!-- 学生管理模态框 -->
<div class="modal fade" id="studentManagementModal" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-people"></i>
                    学生管理与状态干预
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info">
                    <i class="bi bi-info-circle"></i>
                    在此处可以对学生的考试状态进行干预，如强制提交、允许继续考试、自动填充空白答案或找回最新答案。
                </div>
                
                <div class="d-flex justify-content-between mb-3">
                    <div class="btn-group">
                        <button class="btn btn-warning" onclick="batchStudentAction('force_submit')">
                            <i class="bi bi-send-check"></i> 强制提交
                        </button>
                        <button class="btn btn-success" onclick="batchStudentAction('allow_continue')">
                            <i class="bi bi-play-circle"></i> 允许继续
                        </button>
                        <button class="btn btn-secondary" onclick="batchStudentAction('auto_fill')">
                            <i class="bi bi-pencil-square"></i> 空白填充
                        </button>
                        <button class="btn btn-dark" onclick="batchStudentAction('test_fill')">
                            <i class="bi bi-magic"></i> 测试填充
                        </button>
                        <button class="btn btn-info text-white" onclick="batchStudentAction('retrieve_answers')">
                            <i class="bi bi-cloud-download"></i> 找回最新答案
                        </button>
                    </div>
                    <div>
                        <button class="btn btn-outline-secondary btn-sm" onclick="loadStudentManagementData()">
                            <i class="bi bi-arrow-clockwise"></i> 刷新列表
                        </button>
                    </div>
                </div>
                
                <div class="table-responsive">
                    <table class="table table-hover table-sm" id="studentManagementTable">
                        <thead>
                            <tr>
                                <th width="40"><input type="checkbox" id="selectAllStudents" onclick="toggleSelectAllStudents()"></th>
                                <th>姓名</th>
                                <th>学号</th>
                                <th>状态</th>
                                <th>记录</th>
                                <th>分数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="studentManagementBody">
                            <tr><td colspan="7" class="text-center">正在加载...</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- LLM配置模态框 -->
<div class="modal fade" id="llmConfigModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-cpu"></i>
                    LLM评分配置
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs mb-3" id="llmTabs">
                    <li class="nav-item">
                        <a class="nav-link active" data-bs-toggle="tab" href="#ollamaConfig">Ollama本地模型</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="tab" href="#openaiConfig">OpenAI兼容API</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <!-- Ollama配置 -->
                    <div class="tab-pane fade show active" id="ollamaConfig">
                        <div class="alert alert-info">
                            <i class="bi bi-info-circle"></i>
                            Ollama是本地大语言模型运行环境，支持多种开源模型。
                            <a href="https://ollama.ai" target="_blank">下载Ollama</a>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Ollama服务地址</label>
                            <input type="text" class="form-control" id="ollama_base_url" value="http://localhost:11434" placeholder="http://localhost:11434">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">模型名称</label>
                            <input type="text" class="form-control" id="ollama_model" value="" placeholder="例如: llama3.2:3b, mistral:7b">
                            <small class="text-muted">推荐: llama3.2:3b, mistral:7b, qwen2.5:3b 等开源模型</small>
                        </div>
                        <button class="btn btn-primary" onclick="testOllamaConnection()">
                            <i class="bi bi-plug"></i> 测试连接
                        </button>
                        <button class="btn btn-success" onclick="saveOllamaConfig()">
                            <i class="bi bi-check"></i> 保存配置
                        </button>
                        <div id="ollamaTestResult" class="mt-3"></div>
                    </div>
                    <!-- OpenAI兼容API配置 -->
                    <div class="tab-pane fade" id="openaiConfig">
                        <div class="alert alert-warning">
                            <i class="bi bi-exclamation-triangle"></i>
                            支持OpenAI、DeepSeek、通义千问、智谱等兼容OpenAI格式的API服务。
                        </div>
                        <div class="mb-3">
                            <label class="form-label">API基础地址</label>
                            <input type="text" class="form-control" id="openai_api_base" value="https://api.openai.com/v1" placeholder="https://api.openai.com/v1">
                            <small class="text-muted">
                                OpenAI: https://api.openai.com/v1<br>
                                DeepSeek: https://api.deepseek.com/v1<br>
                                通义千问: https://dashscope.aliyuncs.com/compatible-mode/v1
                            </small>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">API密钥</label>
                            <input type="password" class="form-control" id="openai_api_key" placeholder="sk-...">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">模型名称</label>
                            <input type="text" class="form-control" id="openai_model" value="gpt-3.5-turbo" placeholder="gpt-3.5-turbo">
                            <small class="text-muted">
                                OpenAI: gpt-3.5-turbo, gpt-4<br>
                                DeepSeek: deepseek-chat<br>
                                通义: qwen-turbo, qwen-plus
                            </small>
                        </div>
                        <button class="btn btn-primary" onclick="testOpenAIConnection()">
                            <i class="bi bi-plug"></i> 测试连接
                        </button>
                        <button class="btn btn-success" onclick="saveOpenAIConfig()">
                            <i class="bi bi-check"></i> 保存配置
                        </button>
                        <div id="openaiTestResult" class="mt-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 多方法对比预览模态框 -->
<div class="modal fade" id="multiMethodPreviewModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-bar-chart"></i>
                    多方法评分对比
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body" id="multiMethodPreviewContent">
                <div class="text-center py-4">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">加载中...</span>
                    </div>
                    <p class="mt-2 text-muted">正在使用多种方法评分...</p>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block scripts %}
<script>
// 全局变量
let currentGradingMethod = '';
let selectedMethods = ['semantic', 'keyword'];
let methodWeights = { semantic: 0.5, keyword: 0.5 };
let currentQuestionGroup = 0;
let isGrading = false;
let gradingPaused = false;
let gradingStopped = false;
let currentGradingIndex = 0;
let totalQuestions = 0;
let questionsToGrade = [];
let startTime = 0;
let gradingResults = [];

// 页面初始化
$(document).ready(function() {
    console.log('Grading detail page initialized');
    
    // 初始加载题目列表
    loadQuestionsList();
});

// 加载题目列表
async function loadQuestionsList() {
    const container = document.getElementById('questionsContainer');
    
    // 使用 Jinja2 渲染 exam.id，并添加默认值防止 JS 错误
    const examId = {{ exam.id|default(0)|int }};
    if (examId === 0) {
        console.error('Invalid exam ID');
        container.innerHTML = '<div class="alert alert-danger">无效的考试ID</div>';
        return;
    }
    
    try:
        // 显示加载状态
        container.innerHTML = `
            <div class="text-center py-4">
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">加载中...</span>
                </div>
                <p class="mt-2 text-muted">正在加载题目数据...</p>
            </div>
        `;
        
        const response = await fetch(`/teacher/grading/exam/${examId}/questions-to-grade?scope=all`);
        const data = await response.json();
        
        if (data.success && data.questions) {
            // 保存题目数据到全局变量，供批量评分使用
            window.lastLoadedQuestions = data.questions || [];
            console.log('加载的题目数据:', data.questions.length, '条记录');
            console.log('题目数据示例:', data.questions.slice(0, 2));
            displayQuestionsList(data.questions);
        } else {
            throw new Error(data.message || '加载失败');
        }
        
    } catch (error) {
        console.error('加载题目列表失败:', error);
        container.innerHTML = `
            <div class="alert alert-danger">
                <i class="bi bi-exclamation-triangle"></i>
                加载题目列表失败：${error.message}
                <button class="btn btn-outline-danger btn-sm ms-2" onclick="loadQuestionsList()">重新加载</button>
            </div>
        `;
    }
}

// 显示题目列表
function displayQuestionsList(questions) {
    const container = document.getElementById('questionsContainer');
    
    if (!questions || questions.length === 0) {
        container.innerHTML = `
            <div class="text-center py-4">
                <i class="bi bi-clipboard-x display-1 text-muted"></i>
                <h5 class="mt-3 text-muted">暂无需要评分的题目</h5>
                <p class="text-muted">该考试中没有主观题需要评分</p>
            </div>
        `;
        return;
    }
    
    // 按题目分组
    const groupedQuestions = groupQuestionsByText(questions);
    
    let html = '';
    let questionNumber = 1;
    
    for (const [questionText, questionGroup] of Object.entries(groupedQuestions)) {
        const sampleQuestion = questionGroup[0];
        const isSubjective = !['choice', 'judge'].includes(sampleQuestion.question_type);
        
        if (!isSubjective) continue; // 只显示主观题
        
        html += `
            <div class="card mb-3">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h6 class="mb-0">
                            <span class="badge bg-primary me-2">第${questionNumber}题</span>
                            <span class="badge bg-info">${getQuestionTypeName(sampleQuestion.question_type)}</span>
                            <span class="badge bg-secondary">满分 ${sampleQuestion.max_score}分</span>
                        </h6>
                        <div>
                            <button class="btn btn-outline-success btn-sm me-2" onclick="batchGradeQuestion('${questionText}', '${sampleQuestion.question_type}')">
                                <i class="bi bi-robot"></i> 批量AI评分
                            </button>
                            <button class="btn btn-outline-primary btn-sm" data-bs-toggle="collapse" data-bs-target="#questionGroup${questionNumber}">
                                <i class="bi bi-chevron-down"></i> 展开答案 (${questionGroup.length}份)
                            </button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <strong>题目内容：</strong>
                        <div class="p-2 bg-light rounded">${questionText.substring(0, 200)}${questionText.length > 200 ? '...' : ''}</div>
                    </div>
                    <div class="mb-3">
                        <strong>参考答案：</strong>
                        <div class="p-2 bg-light rounded">${sampleQuestion.reference_answer ? sampleQuestion.reference_answer.substring(0, 200) + (sampleQuestion.reference_answer.length > 200 ? '...' : '') : '暂无参考答案'}</div>
                    </div>
                    
                    <!-- 学生答案列表 -->
                    <div class="collapse" id="questionGroup${questionNumber}">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>学生</th>
                                        <th>学号</th>
                                        <th>答案内容</th>
                                        <th>评分状态</th>
                                        <th>得分</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${questionGroup.map(q => `
                                        <tr id="question-row-${q.question_score_id}">
                                            <td>${q.student_name}</td>
                                            <td><code>${q.student_number}</code></td>
                                            <td>
                                                <div class="text-truncate" style="max-width: 200px;" title="${q.student_answer}">
                                                    ${q.student_answer || '<span class="text-muted">未答题</span>'}
                                                </div>
                                                ${q.student_answer && q.student_answer.length > 50 ? 
                                                    `<button class="btn btn-link btn-sm p-0" onclick="showFullAnswer(${q.question_score_id})">查看完整答案</button>` : ''}
                                            </td>
                                            <td>
                                                ${getGradingStatusBadge(q)}
                                            </td>
                                            <td>
                                                <div class="input-group input-group-sm" style="width: 100px;">
                                                    <input type="number" class="form-control score-input" 
                                                           value="${q.current_score || 0}" 
                                                           min="0" max="${q.max_score}" step="${q.score_type === 'integer' ? '1' : '0.1'}"
                                                           data-max-score="${q.max_score}"
                                                           onchange="quickUpdateScore(${q.question_score_id}, this)">
                                                    <span class="input-group-text">/${q.max_score}</span>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="btn-group btn-group-sm">
                                                    <button class="btn btn-outline-success" onclick="singleAIGrade(${q.question_score_id})" title="AI评分">
                                                        <i class="bi bi-robot"></i>
                                                    </button>
                                                    <button class="btn btn-outline-info" onclick="showGradingDetail(${q.question_score_id})" title="评分详情">
                                                        <i class="bi bi-info-circle"></i>
                                                    </button>
                                                </div>
                                            </td>
                                        </tr>
                                    `).join('')}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        `;
        questionNumber++;
    }
    
    container.innerHTML = html;
}

// 按题目内容分组
function groupQuestionsByText(questions) {
    const grouped = {};
    questions.forEach(q => {
        if (!grouped[q.question_text]) {
            grouped[q.question_text] = [];
        }
        grouped[q.question_text].push(q);
    });
    return grouped;
}

// 获取题目类型名称
function getQuestionTypeName(type) {
    const typeNames = {
        'short_answer': '简答题',
        'essay': '论述题',
        'fill_blank': '填空题',
        'choice': '选择题',
        'judge': '判断题'
    };
    return typeNames[type] || type;
}

// 获取评分状态徽章
function getGradingStatusBadge(question) {
    // 检查AI评分状态
    if (question.is_ai_graded === true || question.is_ai_graded === 1) {
        return '<span class="badge bg-success"><i class="bi bi-robot"></i> AI已评分</span>';
    } 
    // 检查手动评分状态
    else if (question.is_manually_graded === true || question.is_manually_graded === 1) {
        return '<span class="badge bg-primary"><i class="bi bi-person-check"></i> 手动已评分</span>';
    } 
    // 未评分状态
    else {
        return '<span class="badge bg-warning"><i class="bi bi-question-circle"></i> 未评分</span>';
    }
}

// 批量评分某个题目的所有答案
function batchGradeQuestion(questionText, questionType) {
    if (!currentGradingMethod) {
        currentGradingMethod = 'ai_fusion'; // 默认使用智能融合评分
    }
    
    Swal.fire({
        title: '批量AI评分',
        html: `
            <p>确认对该题目的所有学生答案进行批量AI评分？</p>
            <p><strong>题目类型：</strong>${getQuestionTypeName(questionType)}</p>
            <p><strong>评分方法：</strong>${currentGradingMethod}</p>
        `,
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '确认评分',
        cancelButtonText: '取消'
    }).then((result) => {
        if (result.isConfirmed) {
            // 修复：更准确地找到该题目的所有question_score_id
            // 通过题目内容在当前显示的问题组中查找匹配的答案行
            const currentQuestionData = window.lastLoadedQuestions || [];
            const matchingQuestions = currentQuestionData.filter(q => 
                q.question_text === questionText && 
                q.question_type === questionType
            );
            
            const questionIds = matchingQuestions.map(q => q.question_score_id);
            
            console.log('找到匹配题目:', {
                questionText: questionText.substring(0, 100),
                questionType: questionType,
                matchingCount: matchingQuestions.length,
                questionIds: questionIds
            });
            
            if (questionIds.length === 0) {
                Swal.fire('错误', '未找到可评分的题目', 'error');
                return;
            }
            
            batchGradeQuestionIds(questionIds);
        }
    });
}

// 批量评分指定的题目ID列表
async function batchGradeQuestionIds(questionIds) {
    const total = questionIds.length;
    let current = 0;
    let success = 0;
    let failed = 0;
    
    // 显示进度
    Swal.fire({
        title: '批量评分进行中...',
        html: `
            <div class="progress mb-3">
                <div class="progress-bar" style="width: 0%">0%</div>
            </div>
            <p>正在评分：<span id="batchCurrent">0</span>/${total}</p>
        `,
        allowOutsideClick: false,
        showConfirmButton: false,
        didOpen: () => {
            Swal.showLoading();
        }
    });
    
    for (const questionId of questionIds) {
        try {
            console.log(`开始评分题目 ID: ${questionId}`);
            
            const response = await fetch(`/teacher/grading/ai-single/${questionId}`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    method: currentGradingMethod
                })
            });
            
            console.log(`题目 ${questionId} 响应状态:`, response.status);
            
            if (!response.ok) {
                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
            }
            
            const data = await response.json();
            console.log(`题目 ${questionId} 响应数据:`, data);
            
            if (data.success) {
                success++;
                updateQuestionScore(questionId, data.result);
                console.log(`题目 ${questionId} 评分成功`);
            } else {
                failed++;
                console.error(`评分失败 (ID: ${questionId}):`, data.message);
            }
            
        } catch (error) {
            failed++;
            console.error(`评分错误 (ID: ${questionId}):`, error);
            console.error(`错误详情:`, error.message, error.stack);
        }
        
        current++;
        
        // 更新进度
        const percentage = Math.round((current / total) * 100);
        document.querySelector('.progress-bar').style.width = `${percentage}%`;
        document.querySelector('.progress-bar').textContent = `${percentage}%`;
        document.getElementById('batchCurrent').textContent = current;
    }
    
    // 显示结果
    console.log('批量评分统计:', { total, success, failed, method: currentGradingMethod });
    
    Swal.fire({
        icon: success > 0 ? 'success' : 'warning',
        title: '批量评分完成！',
        html: `
            <div class="text-start">
                <p><strong>评分结果汇总：</strong></p>
                <ul>
                    <li>总计处理：${total} 题</li>
                    <li>成功评分：${success} 题</li>
                    <li>失败题目：${failed} 题</li>
                    <li>评分方法：${currentGradingMethod}</li>
                </ul>
                ${failed > 0 ? '<p class="text-warning mt-2"><i class="bi bi-exclamation-triangle"></i> 失败的题目可以稍后重新评分</p>' : ''}
            </div>
        `,
        confirmButtonText: '确定'
    });
}

// 刷新题目列表
function refreshQuestionList() {
    loadQuestionsList();
}

// 过滤题目
function filterQuestions() {
    const statusFilter = document.getElementById('gradingStatusFilter').value;
    const typeFilter = document.getElementById('questionTypeFilter').value;
    const searchInput = document.getElementById('studentSearchInput').value.toLowerCase();
    
    const rows = document.querySelectorAll('[id^="question-row-"]');
    
    rows.forEach(row => {
        let show = true;
        
        // 按评分状态过滤
        if (statusFilter) {
            const statusBadge = row.querySelector('td:nth-child(4) .badge');
            if (statusBadge) {
                const statusText = statusBadge.textContent.toLowerCase();
                if (statusFilter === 'ungraded' && !statusText.includes('未评分')) show = false;
                if (statusFilter === 'ai_graded' && !statusText.includes('ai已评分')) show = false;
                if (statusFilter === 'manually_graded' && !statusText.includes('手动已评分')) show = false;
            }
        }
        
        // 按学生搜索过滤
        if (searchInput) {
            const studentName = row.querySelector('td:nth-child(1)').textContent.toLowerCase();
            const studentNumber = row.querySelector('td:nth-child(2)').textContent.toLowerCase();
            if (!studentName.includes(searchInput) && !studentNumber.includes(searchInput)) {
                show = false;
            }
        }
        
        row.style.display = show ? '' : 'none';
    });
}

// 显示评分选项配置
function showGradingOptions(method) {
    currentGradingMethod = method;
    
    const methodInfos = {
        'embedding': {
            title: '快速嵌入评分',
            description: '使用sentence-transformers语义嵌入模型进行评分，速度比LLM快10-50倍，评分质量接近专业水平。推荐用于大批量评分。',
            features: [
                '⚡ 极速评分（毫秒级）',
                '语义嵌入向量相似度',
                '多语言支持（含中文）',
                '无需GPU即可运行'
            ],
            color: 'success'
        },
        'ai_fusion': {
            title: '智能融合评分',
            description: '结合自然语言分析和本地大语言模型的综合评分策略，取两者中的较高分数。速度较慢但评分质量最高。',
            features: [
                '自然语言语义分析',
                '本地大模型智能评分',
                '智能权重融合策略',
                '取最优分数机制'
            ],
            color: 'warning'
        },
        'ai_qwen': {
            title: '本地大模型评分',
            description: '使用本地部署的大语言模型进行智能评分，能够深度理解答案内容和语义。速度较慢。',
            features: [
                '本地化部署，无需网络',
                '大语言模型理解能力',
                '高质量评分反馈',
                '支持复杂主观题'
            ],
            color: 'primary'
        },
        'semantic': {
            title: '语义分析评分',
            description: '基于文本相似度和语义分析的评分方法，极快且不需要额外模型。适合短答案和标准化程度较高的题目。',
            features: [
                '文本相似度计算',
                '关键词匹配分析',
                '语义结构分析',
                '极快速度'
            ],
            color: 'info'
        },
        'ai_enhanced': {
            title: 'AI增强评分',
            description: '基于算法优化的综合评分方法，结合多种分析维度进行评分。',
            features: [
                '多维度分析',
                '逻辑结构评估',
                '准确性分析',
                '创新性评价'
            ],
            color: 'secondary'
        }
    };
    
    const info = methodInfos[method];
    if (!info) return;
    
    const modalTitle = document.getElementById('gradingModalTitle');
    const modalBody = document.getElementById('gradingModalBody');
    
    modalTitle.innerHTML = `<i class="bi bi-gear"></i> ${info.title}配置`;
    
    modalBody.innerHTML = `
        <div class="alert alert-${info.color} alert-dismissible">
            <i class="bi bi-info-circle"></i>
            <strong>${info.title}</strong><br>
            ${info.description}
        </div>
        
        <div class="row">
            <div class="col-md-6">
                <h6>功能特性：</h6>
                <ul class="list-unstyled">
                    ${info.features.map(feature => `<li><i class="bi bi-check text-success"></i> ${feature}</li>`).join('')}
                </ul>
            </div>
            <div class="col-md-6">
                <h6>评分范围：</h6>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="gradingScope" id="scope_ungraded" value="ungraded" checked>
                    <label class="form-check-label" for="scope_ungraded">
                        只评分未评分题目 <span class="badge bg-warning">{{ ungraded_count }}</span>
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="gradingScope" id="scope_all" value="all">
                    <label class="form-check-label" for="scope_all">
                        重新评分所有题目 <span class="badge bg-primary">{{ total_questions }}</span>
                    </label>
                </div>
            </div>
        </div>
        
        <div class="mt-3">
            <div class="alert alert-warning">
                <i class="bi bi-exclamation-triangle"></i>
                <strong>注意：</strong>如果选择"重新评分所有题目"，将覆盖现有的AI评分结果。手动评分的结果不会被覆盖。
            </div>
        </div>
    `;
    
    // 显示模态框
    const modal = new bootstrap.Modal(document.getElementById('gradingConfigModal'));
    modal.show();
}

// 开始AI评分 - 改为逐题评分模式
function startAIGrading() {
    if (!currentGradingMethod) {
        Swal.fire('错误', '请先选择评分方法', 'error');
        return;
    }
    
    if (isGrading) {
        Swal.fire('提示', '已有评分任务在进行中', 'info');
        return;
    }
    
    const scope = document.querySelector('input[name="gradingScope"]:checked')?.value || 'ungraded';
    
    // 关闭配置模态框
    bootstrap.Modal.getInstance(document.getElementById('gradingConfigModal')).hide();
    
    // 获取需要评分的题目列表
    fetchQuestionsToGrade(scope).then(questions => {
        if (questions.length === 0) {
            Swal.fire('提示', '没有需要评分的题目', 'info');
            return;
        }
        
        questionsToGrade = questions;
        totalQuestions = questions.length;
        currentGradingIndex = 0;
        gradingResults = [];
        startTime = Date.now();
        isGrading = true;
        gradingPaused = false;
        gradingStopped = false;
        
        // 显示进度面板
        showProgressPanel();
        
        // 开始逐题评分
        gradeNextQuestion();
    }).catch(error => {
        console.error('获取评分题目失败:', error);
        Swal.fire('错误', '获取评分题目失败，请重试', 'error');
    });
}

// 获取需要评分的题目列表
async function fetchQuestionsToGrade(scope) {
    const examId = {{ exam.id|default(0)|int }};
    try {
        const response = await fetch(`/teacher/grading/exam/${examId}/questions-to-grade?scope=${scope}`);
        const data = await response.json();
        return data.questions || [];
    } catch (error) {
        console.error('获取题目列表失败:', error);
        return [];
    }
}

// 显示进度面板
function showProgressPanel() {
    const panel = document.getElementById('gradingProgressPanel');
    panel.style.display = 'block';
    
    updateProgress();
    updateCurrentStatus('准备开始评分...');
    
    // 显示实时评分详情
    const realtimeDetails = document.getElementById('realtimeGradingDetails');
    realtimeDetails.style.display = 'block';
}

// 隐藏进度面板
function hideProgressPanel() {
    const panel = document.getElementById('gradingProgressPanel');
    panel.style.display = 'none';
}

// 更新进度显示
function updateProgress() {
    const percentage = totalQuestions > 0 ? Math.round((currentGradingIndex / totalQuestions) * 100) : 0;
    
    document.getElementById('progressText').textContent = `${currentGradingIndex}/${totalQuestions}`;
    document.getElementById('progressBar').style.width = `${percentage}%`;
    document.getElementById('progressBar').textContent = `${percentage}%`;
    
    // 计算预计剩余时间
    if (currentGradingIndex > 0 && !gradingPaused) {
        const elapsedTime = Date.now() - startTime;
        const avgTimePerQuestion = elapsedTime / currentGradingIndex;
        const remainingQuestions = totalQuestions - currentGradingIndex;
        const estimatedTimeLeft = avgTimePerQuestion * remainingQuestions;
        
        const minutes = Math.floor(estimatedTimeLeft / 60000);
        const seconds = Math.floor((estimatedTimeLeft % 60000) / 1000);
        
        document.getElementById('estimatedTime').textContent = `${minutes}分${seconds}秒`;
    }
}

// 更新当前状态
function updateCurrentStatus(status) {
    document.getElementById('currentStatus').textContent = status;
}

// 更新当前题目信息
function updateCurrentQuestionInfo(questionData, result = null) {
    const infoElement = document.getElementById('currentQuestionInfo');
    
    let html = `
        <div class="mb-2">
            <strong>学生：</strong>${questionData.student_name} (${questionData.student_number})<br>
            <strong>题目：</strong>${questionData.question_text.substring(0, 100)}...
        </div>
    `;
    
    if (result) {
        html += `
            <div class="alert alert-success alert-sm mb-0">
                <strong>评分完成：</strong>${result.score}/${questionData.max_score}分 
                (置信度: ${Math.round(result.confidence * 100)}%)
            </div>
        `;
    } else {
        html += `
            <div class="alert alert-info alert-sm mb-0">
                <i class="bi bi-clock"></i> 正在评分中...
            </div>
        `;
    }
    
    infoElement.innerHTML = html;
}

// 逐题评分
async function gradeNextQuestion() {
    if (gradingStopped || currentGradingIndex >= totalQuestions) {
        completeGrading();
        return;
    }
    
    if (gradingPaused) {
        updateCurrentStatus('评分已暂停');
        return;
    }
    
    const questionData = questionsToGrade[currentGradingIndex];
    updateCurrentStatus(`正在评分第 ${currentGradingIndex + 1} 题...`);
    updateCurrentQuestionInfo(questionData);
    
    try {
        const response = await fetch(`/teacher/grading/ai-single/${questionData.question_score_id}`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                method: currentGradingMethod
            })
        });
        
        const data = await response.json();
        
        if (data.success) {
            // 记录成功结果
            gradingResults.push({
                question_score_id: questionData.question_score_id,
                success: true,
                result: data.result_data
            });
            
            // 更新页面显示
            updateQuestionScore(questionData.question_score_id, data.result_data);
            updateCurrentQuestionInfo(questionData, data.result_data);
            
        } else {
            // 记录失败结果
            gradingResults.push({
                question_score_id: questionData.question_score_id,
                success: false,
                error: data.message || '评分失败'
            });
            
            console.error('评分失败:', data.message);
        }
        
    } catch (error) {
        console.error('评分请求失败:', error);
        gradingResults.push({
            question_score_id: questionData.question_score_id,
            success: false,
            error: '网络错误'
        });
    }
    
    currentGradingIndex++;
    updateProgress();
    
    if (!gradingStopped && !gradingPaused) {
        // 延迟一点时间再处理下一题，避免请求过于频繁
        setTimeout(() => {
            gradeNextQuestion();
        }, 500);
    }
}

// 暂停/继续评分
function togglePauseResume() {
    if (!isGrading) return;
    
    gradingPaused = !gradingPaused;
    const btn = document.getElementById('pauseResumeBtn');
    
    if (gradingPaused) {
        btn.innerHTML = '<i class="bi bi-play"></i> 继续';
        btn.className = 'btn btn-outline-warning btn-sm ms-2';
        updateCurrentStatus('评分已暂停');
    } else {
        btn.innerHTML = '<i class="bi bi-pause"></i> 暂停';
        btn.className = 'btn btn-outline-light btn-sm ms-2';
        updateCurrentStatus('正在评分中...');
        // 继续评分
        gradeNextQuestion();
    }
}

// 停止评分
function stopGrading() {
    if (!isGrading) return;
    
    Swal.fire({
        title: '确认停止评分？',
        text: '已完成的评分结果将被保留',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '确认停止',
        cancelButtonText: '继续评分'
    }).then((result) => {
        if (result.isConfirmed) {
            gradingStopped = true;
            gradingPaused = false;
            completeGrading();
        }
    });
}

// 完成评分
function completeGrading() {
    isGrading = false;
    gradingPaused = false;
    gradingStopped = false;
    
    const successCount = gradingResults.filter(r => r.success).length;
    const failedCount = gradingResults.filter(r => !r.success).length;
    
    hideProgressPanel();
    
    Swal.fire({
        icon: successCount > 0 ? 'success' : 'warning',
        title: '评分完成！',
        html: `
            <div class="text-start">
                <p><strong>评分结果汇总：</strong></p>
                <ul>
                    <li>总计处理：${currentGradingIndex} 题</li>
                    <li>成功评分：${successCount} 题</li>
                    <li>失败题目：${failedCount} 题</li>
                    <li>评分方法：${currentGradingMethod}</li>
                </ul>
                ${failedCount > 0 ? '<p class="text-danger"><small>失败的题目可以稍后重新评分</small></p>' : ''}
            </div>
        `,
        showConfirmButton: true
    }).then(() => {
        // 可选择是否刷新页面
        if (successCount > 0) {
            location.reload();
        }
    });
}

// 题目组AI评分
function gradeQuestionGroup(groupIndex) {
    if (!currentGradingMethod) {
        Swal.fire({
            icon: 'warning',
            title: '请先选择评分方法',
            text: '请在上方选择一种AI评分方法',
            confirmButtonText: '知道了'
        });
        return;
    }
    
    currentQuestionGroup = groupIndex;
    
    Swal.fire({
        title: '确认评分',
        text: `使用${currentGradingMethod}方法对题目${groupIndex}进行AI评分？`,
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '确认评分',
        cancelButtonText: '取消'
    }).then((result) => {
        if (result.isConfirmed) {
            // 实现题目组评分逻辑
            Swal.fire('功能开发中', '题目组评分功能正在开发中', 'info');
        }
    });
}

// 单题AI评分
function singleAIGrade(questionScoreId) {
    if (!currentGradingMethod) {
        // 如果没有选择评分方法，使用默认的智能融合评分
        currentGradingMethod = 'ai_fusion';
    }
    
    Swal.fire({
        title: '正在AI评分...',
        text: `使用${currentGradingMethod}方法评分中`,
        allowOutsideClick: false,
        didOpen: () => {
            Swal.showLoading();
        }
    });
    
    fetch(`/teacher/grading/ai-single/${questionScoreId}`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            method: currentGradingMethod
        })
    })
    .then(response => {
        console.log('单题评分响应状态:', response.status);
        if (!response.ok) {
            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
        }
        return response.json();
    })
    .then(data => {
        Swal.close();
        console.log('单题评分响应数据:', data);
        
        if (data.success && data.result) {
            // 安全地获取字段值
            const score = data.result.score || 0;
            const maxScore = data.result.max_score || 5;
            const confidence = data.result.confidence || 0;
            const method = data.result.method || '未知方法';
            const feedback = data.result.feedback || '无反馈信息';
            
            Swal.fire({
                icon: 'success',
                title: '评分完成！',
                html: `
                    <div class="text-start">
                        <p><strong>评分结果：</strong></p>
                        <ul>
                            <li>得分：${score}分 / ${maxScore}分</li>
                            <li>置信度：${Math.round(confidence * 100)}%</li>
                            <li>评分方法：${method}</li>
                        </ul>
                        <p><strong>评分反馈：</strong></p>
                        <div class="alert alert-info">${feedback}</div>
                    </div>
                `,
                showConfirmButton: true
            }).then(() => {
                // 更新页面显示
                updateQuestionScore(questionScoreId, data.result);
            });
        } else {
            Swal.fire('评分失败', data.message || '未知错误', 'error');
        }
    })
    .catch(error => {
        Swal.close();
        console.error('AI评分错误:', error);
        console.error('错误详情:', error.message, error.stack);
        
        // 更详细的错误信息
        let errorMessage = '请检查网络连接后重试';
        if (error.message.includes('HTTP')) {
            errorMessage = `服务器错误: ${error.message}`;
        } else if (error.message.includes('JSON')) {
            errorMessage = '响应数据格式错误';
        } else if (error.message.includes('Failed to fetch')) {
            errorMessage = '网络连接失败，请检查网络连接';
        }
        
        Swal.fire('评分错误', errorMessage, 'error');
    });
}

// 更新题目分数显示
function updateQuestionScore(questionScoreId, resultData) {
    const row = document.getElementById(`question-row-${questionScoreId}`);
    if (row) {
        // 更新分数显示
        const scoreDisplay = row.querySelector('.score-display');
        if (scoreDisplay) {
            scoreDisplay.textContent = parseFloat(resultData.score).toFixed(1);
        }
        
        // 更新评分状态 - 找到正确的状态单元格
        const statusCell = row.querySelector('td:nth-child(3)'); // 评分状态列
        if (statusCell) {
            statusCell.innerHTML = '<span class="badge bg-success"><i class="bi bi-robot"></i> AI已评分</span>';
        }
        
        // 更新分数单元格
        const scoreCell = row.querySelector('td:nth-child(4)'); // 分数列
        if (scoreCell) {
            scoreCell.innerHTML = '<span class="badge bg-primary">' + parseFloat(resultData.score).toFixed(1) + '/' + resultData.max_score + '</span>';
        }
    }
    
    // 刷新页面数据以确保状态同步
    setTimeout(() => {
        if (typeof loadQuestionsList === 'function') {
            loadQuestionsList();
        }
    }, 1000);
}

// 显示题目详情
function showQuestionDetails(groupIndex) {
    const detailsElement = document.getElementById(`questionDetails${groupIndex}`);
    const bootstrap_collapse = new bootstrap.Collapse(detailsElement, {
        toggle: true
    });
}

// 显示评分详情
function showGradingDetail(questionScoreId) {
    const modal = new bootstrap.Modal(document.getElementById('gradingDetailModal'));
    const content = document.getElementById('gradingDetailContent');
    
    // 显示加载状态
    content.innerHTML = '<div class="text-center">' +
        '<div class="spinner-border" role="status">' +
            '<span class="visually-hidden">加载中...</span>' +
        '</div>' +
        '<p class="mt-2">正在加载评分详情...</p>' +
        '</div>';
    
    modal.show();
    
    // 获取评分详情 - 修复JSON处理
    fetch('/teacher/grading/details/' + questionScoreId)
        .then(response => {
            console.log('评分详情响应状态:', response.status);
            if (!response.ok) {
                throw new Error('HTTP ' + response.status + ': ' + response.statusText);
            }
            return response.json();
        })
        .then(data => {
            console.log('评分详情响应数据:', data);
            
            if (data.success && data.html) {
                // 直接使用返回的HTML内容
                content.innerHTML = data.html;
            } else {
                content.innerHTML = '<div class="alert alert-danger">' +
                    '<i class="bi bi-exclamation-triangle"></i> ' +
                    (data.message || '获取评分详情失败') +
                    '</div>';
            }
        })
        .catch(error => {
            console.error('加载评分详情失败:', error);
            content.innerHTML = '<div class="alert alert-danger">' +
                '<i class="bi bi-exclamation-triangle"></i> ' +
                '加载评分详情时发生错误：' + error.message +
                '<hr>' +
                '<small class="text-muted">' +
                    '请检查网络连接或联系管理员。<br>' +
                    '错误详情：' + error.toString() +
                '</small>' +
                '</div>';
        });
}

// 显示完整答案
function showFullAnswer(questionScoreId) {
    const modal = new bootstrap.Modal(document.getElementById('fullAnswerModal'));
    const content = document.getElementById('fullAnswerContent');
    
    // 显示加载状态
    content.innerHTML = '<div class="text-center">' +
        '<div class="spinner-border" role="status">' +
            '<span class="visually-hidden">加载中...</span>' +
        '</div>' +
        '<p class="mt-2">正在加载完整答案...</p>' +
        '</div>';
    
    modal.show();
    
    // 获取完整答案 - 修复JSON解析问题
    fetch('/teacher/grading/full-answer/' + questionScoreId)
        .then(response => {
            console.log('完整答案响应状态:', response.status);
            if (!response.ok) {
                throw new Error('HTTP ' + response.status + ': ' + response.statusText);
            }
            return response.json();
        })
        .then(data => {
            console.log('完整答案响应数据:', data);
            
            if (data.success) {
                // 构建格式化的HTML内容 - 使用字符串拼接避免模板字符串语法错误
                var studentName = data.student_name || '未知';
                var studentNumber = data.student_number || '未知';
                var questionText = data.question_text ? data.question_text.replace(/\n/g, '<br>') : '无题目内容';
                var studentAnswer = data.student_answer ? 
                    '<div class="answer-text">' + data.student_answer.replace(/\n/g, '<br>') + '</div>' : 
                    '<div class="text-muted"><em>学生未作答</em></div>';
                var correctAnswer = data.correct_answer ? 
                    '<div class="answer-text">' + data.correct_answer.replace(/\n/g, '<br>') + '</div>' : 
                    '<div class="text-muted"><em>无参考答案</em></div>';
                
                var html = '<div class="row">' +
                    '<div class="col-12">' +
                        '<div class="mb-4">' +
                            '<h6 class="text-primary border-bottom pb-2">' +
                                '<i class="bi bi-person-fill"></i> 学生信息' +
                            '</h6>' +
                            '<div class="row">' +
                                '<div class="col-md-6">' +
                                    '<p class="mb-1"><strong>姓名：</strong>' + studentName + '</p>' +
                                '</div>' +
                                '<div class="col-md-6">' +
                                    '<p class="mb-1"><strong>学号：</strong>' + studentNumber + '</p>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        
                        '<div class="mb-4">' +
                            '<h6 class="text-info border-bottom pb-2">' +
                                '<i class="bi bi-question-circle"></i> 题目内容' +
                            '</h6>' +
                            '<div class="card bg-light">' +
                                '<div class="card-body">' +
                                    '<div class="question-content">' +
                                        questionText +
                                    '</div>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        
                        '<div class="mb-4">' +
                            '<h6 class="text-warning border-bottom pb-2">' +
                                '<i class="bi bi-pencil-square"></i> 学生答案' +
                            '</h6>' +
                            '<div class="card border-warning">' +
                                '<div class="card-body">' +
                                    '<div class="student-answer">' +
                                        studentAnswer +
                                    '</div>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                        
                        '<div class="mb-3">' +
                            '<h6 class="text-success border-bottom pb-2">' +
                                '<i class="bi bi-check-circle"></i> 参考答案' +
                            '</h6>' +
                            '<div class="card border-success">' +
                                '<div class="card-body">' +
                                    '<div class="reference-answer">' +
                                        correctAnswer +
                                    '</div>' +
                                '</div>' +
                            '</div>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
                
                '<style>' +
                    '.question-content, .answer-text {' +
                        'line-height: 1.6;' +
                        'word-wrap: break-word;' +
                        'white-space: pre-wrap;' +
                    '}' +
                    '.student-answer, .reference-answer {' +
                        'max-height: 300px;' +
                        'overflow-y: auto;' +
                    '}' +
                    '.border-bottom {' +
                        'border-bottom: 2px solid #dee2e6 !important;' +
                    '}' +
                '</style>';
                
                content.innerHTML = html;
            } else {
                content.innerHTML = '<div class="alert alert-danger">' +
                    '<i class="bi bi-exclamation-triangle"></i> ' +
                    (data.message || '获取完整答案失败') +
                    '</div>';
            }
        })
        .catch(error => {
            console.error('加载完整答案失败:', error);
            content.innerHTML = '<div class="alert alert-danger">' +
                '<i class="bi bi-exclamation-triangle"></i> ' +
                '加载完整答案时发生错误：' + error.message +
                '<hr>' +
                '<small class="text-muted">' +
                    '请检查网络连接或联系管理员。<br>' +
                    '错误详情：' + error.toString() +
                '</small>' +
                '</div>';
        });
}

// 快速更新分数 - 实时保存
function quickUpdateScore(questionScoreId, inputElement) {
    const newScore = parseFloat(inputElement.value) || 0;
    const maxScore = parseFloat(inputElement.getAttribute('data-max-score')) || 5;
    
    if (newScore < 0 || newScore > maxScore) {
        Swal.fire('分数无效', `分数必须在0-${maxScore}之间`, 'warning');
        return;
    }
    
    // 实时保存
    fetch('/teacher/grading/manual-adjust', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            question_score_id: questionScoreId,
            new_score: newScore
        })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            inputElement.classList.remove('is-invalid');
            inputElement.classList.add('is-valid');
            
            // 2秒后移除样式
            setTimeout(() => {
                inputElement.classList.remove('is-valid');
            }, 2000);
        } else {
            inputElement.classList.add('is-invalid');
            Swal.fire('保存失败', data.message || '未知错误', 'error');
        }
    })
    .catch(error => {
        inputElement.classList.add('is-invalid');
        console.error('更新分数失败:', error);
        Swal.fire('网络错误', '请检查网络连接后重试', 'error');
    });
}

// 保存详情页面的评分 - 新增函数
function saveDetailScore(questionScoreId) {
    const scoreInput = document.getElementById('detail-score');
    const commentInput = document.getElementById('detail-comment');
    
    if (!scoreInput) {
        Swal.fire('错误', '找不到分数输入框', 'error');
        return;
    }
    
    const newScore = parseFloat(scoreInput.value);
    const maxScore = parseFloat(scoreInput.getAttribute('data-max-score'));
    const comment = commentInput ? commentInput.value : '';
    
    // 验证分数
    if (isNaN(newScore)) {
        Swal.fire('分数无效', '请输入有效的分数', 'warning');
        scoreInput.focus();
        return;
    }
    
    if (newScore < 0 || newScore > maxScore) {
        Swal.fire('分数超出范围', '分数必须在0-' + maxScore + '之间', 'warning');
        scoreInput.focus();
        return;
    }
    
    // 显示保存状态
    const saveBtn = event.target;
    const originalText = saveBtn.innerHTML;
    saveBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>保存中...';
    saveBtn.disabled = true;
    
    // 发送保存请求
    fetch('/teacher/grading/manual-adjust', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            question_score_id: questionScoreId,
            new_score: newScore,
            comment: comment
        })
    })
    .then(response => response.json())
    .then(data => {
        saveBtn.innerHTML = originalText;
        saveBtn.disabled = false;
        
        if (data.success) {
            // 成功提示
            Swal.fire({
                icon: 'success',
                title: '保存成功',
                text: '评分已更新',
                timer: 1500,
                showConfirmButton: false
            });
            
            // 更新界面显示
            scoreInput.classList.remove('is-invalid');
            scoreInput.classList.add('is-valid');
            
            // 2秒后移除样式
            setTimeout(() => {
                scoreInput.classList.remove('is-valid');
            }, 2000);
            
            // 如果有总分显示，更新总分
            if (data.new_total_score !== undefined) {
                console.log('新总分:', data.new_total_score);
                // 可以在这里更新总分显示
            }
            
        } else {
            Swal.fire('保存失败', data.message || '未知错误', 'error');
            scoreInput.classList.add('is-invalid');
        }
    })
    .catch(error => {
        saveBtn.innerHTML = originalText;
        saveBtn.disabled = false;
        
        console.error('保存评分失败:', error);
        Swal.fire('网络错误', '请检查网络连接后重试', 'error');
        scoreInput.classList.add('is-invalid');
    });
}

// 学生管理相关功能
let studentManagementData = [];

function openStudentManagement() {
    const modal = new bootstrap.Modal(document.getElementById('studentManagementModal'));
    modal.show();
    loadStudentManagementData();
}

function loadStudentManagementData() {
    const tbody = document.getElementById('studentManagementBody');
    tbody.innerHTML = '<tr><td colspan="6" class="text-center"><div class="spinner-border spinner-border-sm"></div> 正在加载...</td></tr>';
    
    // 使用 Jinja2 渲染 exam.id
    const examId = {{ exam.id|default(0)|int }};
    
    fetch(`/teacher/exams/${examId}/student-submissions`)
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                studentManagementData = data.students;
                renderStudentManagementTable(data.students);
            } else {
                tbody.innerHTML = `<tr><td colspan="6" class="text-center text-danger">加载失败: ${data.message}</td></tr>`;
            }
        })
        .catch(error => {
            console.error('加载学生数据失败:', error);
            tbody.innerHTML = `<tr><td colspan="6" class="text-center text-danger">网络错误</td></tr>`;
        });
}

function renderStudentManagementTable(students) {
    const tbody = document.getElementById('studentManagementBody');
    if (!students || students.length === 0) {
        tbody.innerHTML = '<tr><td colspan="7" class="text-center text-muted">暂无学生数据</td></tr>';
        return;
    }
    
    tbody.innerHTML = students.map(s => {
        let statusBadge = '';
        if (s.status === 'completed' || s.is_completed) statusBadge = '<span class="badge bg-success">已完成</span>';
        else if (s.status === 'in_progress') statusBadge = '<span class="badge bg-warning text-dark">进行中</span>';
        else statusBadge = '<span class="badge bg-secondary">未开始</span>';
        
        let recordBadge = '';
        if (s.has_records) {
            recordBadge = '<span class="badge bg-info text-dark" title="系统检测到答题记录"><i class="bi bi-file-earmark-check"></i> 有记录</span>';
        } else {
            recordBadge = '<span class="badge bg-light text-muted border" title="未检测到任何答题记录"><i class="bi bi-file-earmark-x"></i> 无记录</span>';
        }
        
        // 如果没有记录且未开始，推荐使用空白填充
        let recommendAction = '';
        if (!s.has_records && s.status === 'not_started') {
            recommendAction = 'table-warning'; // 高亮显示需要关注的行
        }
        
        return `
            <tr class="${recommendAction}">
                <td><input type="checkbox" class="student-select-cb" value="${s.student_id}"></td>
                <td>${s.student_name}</td>
                <td>${s.student_number}</td>
                <td>${statusBadge}</td>
                <td>${recordBadge}</td>
                <td>${s.score !== null ? parseFloat(s.score).toFixed(1) : '-'} / ${s.total_score}</td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <button class="btn btn-outline-primary" onclick="retrieveSingleStudentAnswer(${s.student_id})" title="找回答案">
                            <i class="bi bi-cloud-download"></i>
                        </button>
                        ${!s.has_records ? `
                        <button class="btn btn-outline-secondary" onclick="singleAutoFill(${s.student_id})" title="生成空白记录">
                            <i class="bi bi-pencil-square"></i>
                        </button>` : ''}
                    </div>
                </td>
            </tr>
        `;
    }).join('');
}

function singleAutoFill(studentId) {
    const examId = {{ exam.id|default(0)|int }};
    Swal.fire({
        title: '生成空白记录',
        text: '确定要为该学生生成一份空白答卷吗？',
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: '生成'
    }).then((result) => {
        if (result.isConfirmed) {
            performBatchAction(`/teacher/exams/${examId}/auto-fill-blank-answers`, [studentId]);
        }
    });
}

function toggleSelectAllStudents() {
    const selectAll = document.getElementById('selectAllStudents').checked;
    document.querySelectorAll('.student-select-cb').forEach(cb => cb.checked = selectAll);
}

function getSelectedStudentIds() {
    return Array.from(document.querySelectorAll('.student-select-cb:checked')).map(cb => cb.value);
}

function batchStudentAction(action) {
    const studentIds = getSelectedStudentIds();
    if (studentIds.length === 0) {
        Swal.fire('提示', '请先选择学生', 'info');
        return;
    }
    
    const examId = {{ exam.id|default(0)|int }};
    let url = '';
    let confirmText = '';
    let confirmButtonText = '确定';
    
    if (action === 'force_submit') {
        url = `/teacher/exams/${examId}/force-submit-students`;
        confirmText = `确定要强制提交选中的 ${studentIds.length} 名学生的试卷吗？`;
        confirmButtonText = '强制提交';
    } else if (action === 'allow_continue') {
        url = `/teacher/exams/${examId}/allow-continue-students`;
        confirmText = `确定要允许选中的 ${studentIds.length} 名学生继续考试吗？这将清除他们的完成状态。`;
        confirmButtonText = '允许继续';
    } else if (action === 'auto_fill') {
        url = `/teacher/exams/${examId}/auto-fill-blank-answers`;
        confirmText = `确定要为选中的 ${studentIds.length} 名学生填充空白答案吗？<br><small class="text-muted">注意：仅填充缺失的记录和空答案，不会覆盖已有的有效答案。</small>`;
        confirmButtonText = '填充空白';
    } else if (action === 'test_fill') {
        url = `/teacher/exams/${examId}/test-fill-correct-answers`;
        confirmText = `确定要为选中的 ${studentIds.length} 名学生进行测试填充吗？<br><small class="text-danger">注意：这会将所有客观题（选择/判断）自动填充为正确答案并给满分！</small>`;
        confirmButtonText = '测试填充';
    } else if (action === 'retrieve_answers') {
        url = `/teacher/exams/${examId}/retrieve-student-answers`;
        confirmText = `确定要尝试从历史记录中找回选中的 ${studentIds.length} 名学生的最新答案吗？<br><small class="text-muted">这将会尝试从备份系统中恢复最新的答案记录。</small>`;
        confirmButtonText = '找回答案';
    }
    
    Swal.fire({
        title: '确认操作',
        html: confirmText,
        icon: 'warning',
        showCancelButton: true,
        confirmButtonText: confirmButtonText,
        cancelButtonText: '取消'
    }).then((result) => {
        if (result.isConfirmed) {
            performBatchAction(url, studentIds);
        }
    });
}

function performBatchAction(url, studentIds) {
    Swal.fire({
        title: '正在处理...',
        allowOutsideClick: false,
        didOpen: () => Swal.showLoading()
    });
    
    fetch(url, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ student_ids: studentIds })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            Swal.fire('成功', data.message, 'success');
            loadStudentManagementData(); // Reload list
            // Optionally reload main question list if needed
            if (typeof loadQuestionsList === 'function') loadQuestionsList();
        } else {
            Swal.fire('失败', data.message, 'error');
        }
    })
    .catch(error => {
        console.error('Action failed:', error);
        Swal.fire('错误', '操作请求失败', 'error');
    });
}

function retrieveSingleStudentAnswer(studentId) {
    const examId = {{ exam.id|default(0)|int }};
    Swal.fire({
        title: '确认找回',
        text: '确定要尝试找回该学生的最新答案吗？',
        icon: 'question',
        showCancelButton: true
    }).then((result) => {
        if (result.isConfirmed) {
            performBatchAction(`/teacher/exams/${examId}/retrieve-student-answers`, [studentId]);
        }
    });
}

// ==================== 多方法评分功能 ====================

function getSelectedMethods() {
    const methods = [];
    const checkboxes = document.querySelectorAll('input[id^="method_"]:checked');
    checkboxes.forEach(cb => methods.push(cb.value));
    return methods;
}

function getMethodWeights() {
    const weights = {};
    const methods = getSelectedMethods();
    let total = 0;
    
    methods.forEach(m => {
        const slider = document.getElementById('weight_' + m);
        if (slider) {
            weights[m] = parseInt(slider.value);
            total += weights[m];
        } else {
            weights[m] = 1;
            total += 1;
        }
    });
    
    // 归一化
    if (total > 0) {
        Object.keys(weights).forEach(k => weights[k] = weights[k] / total);
    }
    
    return weights;
}

function updateWeightDisplay() {
    const methods = getSelectedMethods();
    
    // 启用/禁用权重滑块
    document.querySelectorAll('input[id^="weight_"]').forEach(slider => {
        const method = slider.id.replace('weight_', '');
        slider.disabled = !methods.includes(method);
    });
    
    // 更新显示值
    document.querySelectorAll('input[id^="weight_"]').forEach(slider => {
        const method = slider.id.replace('weight_', '');
        const display = document.getElementById('weight_' + method + '_val');
        if (display) {
            display.textContent = slider.value;
        }
    });
}

function startMultiMethodGrading() {
    const methods = getSelectedMethods();
    
    if (methods.length === 0) {
        Swal.fire('提示', '请至少选择一种评分方法', 'warning');
        return;
    }
    
    // 检查是否选择LLM方法
    const hasLLM = methods.includes('ollama') || methods.includes('openai');
    if (hasLLM) {
        Swal.fire({
            title: '注意',
            text: 'LLM方法速度较慢，评分时间会显著增加。是否继续？',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: '继续',
            cancelButtonText: '取消'
        }).then((result) => {
            if (result.isConfirmed) {
                executeMultiMethodGrading(methods);
            }
        });
    } else {
        executeMultiMethodGrading(methods);
    }
}

function executeMultiMethodGrading(methods) {
    currentGradingMethod = methods.length === 1 ? methods[0] : 'hybrid';
    
    const weights = getMethodWeights();
    
    // 更新全局变量
    selectedMethods = methods;
    methodWeights = weights;
    
    // 显示配置模态框
    showGradingOptions(currentGradingMethod);
}

function previewMultiMethod() {
    const methods = getSelectedMethods();
    
    if (methods.length === 0) {
        Swal.fire('提示', '请至少选择一种评分方法', 'warning');
        return;
    }
    
    // 获取第一个未评分的题目
    const firstRow = document.querySelector('[id^="question-row-"]');
    if (!firstRow) {
        Swal.fire('提示', '没有可预览的题目', 'info');
        return;
    }
    
    const questionScoreId = firstRow.id.replace('question-row-', '');
    
    // 显示模态框
    const modal = new bootstrap.Modal(document.getElementById('multiMethodPreviewModal'));
    modal.show();
    
    // 请求多方法评分
    fetch('/teacher/grading/multi-methods', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            question_score_id: questionScoreId,
            methods: methods
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            displayMultiMethodResults(data.results);
        } else {
            document.getElementById('multiMethodPreviewContent').innerHTML = 
                `<div class="alert alert-danger">${data.message}</div>`;
        }
    })
    .catch(err => {
        document.getElementById('multiMethodPreviewContent').innerHTML = 
            `<div class="alert alert-danger">请求失败: ${err}</div>`;
    });
}

function displayMultiMethodResults(results) {
    const methodNames = {
        'keyword': '关键词匹配',
        'jaccard': 'Jaccard相似度',
        'levenshtein': '编辑距离',
        'tfidf': 'TF-IDF相似度',
        'bm25': 'BM25评分',
        'semantic': '语义相似度',
        'embedding': '语义嵌入',
        'ollama': 'Ollama LLM',
        'openai': 'OpenAI API'
    };
    
    let html = '<table class="table table-striped"><thead><tr><th>方法</th><th>分数</th><th>置信度</th><th>反馈</th></tr></thead><tbody>';
    
    let totalScore = 0;
    let count = 0;
    
    for (const [method, result] of Object.entries(results)) {
        const name = methodNames[method] || method;
        const score = result.score || 0;
        const conf = (result.confidence * 100).toFixed(0);
        
        totalScore += score;
        count++;
        
        html += `<tr>
            <td><span class="badge bg-info">${name}</span></td>
            <td><strong>${score.toFixed(1)}</strong></td>
            <td>${conf}%</td>
            <td><small>${result.feedback || ''}</small></td>
        </tr>`;
    }
    
    const avgScore = count > 0 ? (totalScore / count).toFixed(1) : 0;
    
    html += `<tr class="table-primary">
        <td><strong>平均分</strong></td>
        <td><strong>${avgScore}</strong></td>
        <td>-</td>
        <td>所有方法的平均值</td>
    </tr>`;
    
    html += '</tbody></table>';
    
    document.getElementById('multiMethodPreviewContent').innerHTML = html;
}

function resetMethodSelection() {
    document.querySelectorAll('input[id^="method_"]').forEach(cb => cb.checked = false);
    document.getElementById('method_keyword').checked = true;
    document.getElementById('method_semantic').checked = true;
    updateWeightDisplay();
}

// ==================== LLM配置功能 ====================

function showLLMConfig() {
    const modal = new bootstrap.Modal(document.getElementById('llmConfigModal'));
    modal.show();
    
    // 加载当前配置
    fetch('/teacher/grading/config')
        .then(r => r.json())
        .then(data => {
            if (data.success && data.config) {
                document.getElementById('ollama_base_url').value = data.config.ollama_base_url || 'http://localhost:11434';
                document.getElementById('ollama_model').value = data.config.ollama_model || '';
                document.getElementById('openai_api_base').value = data.config.openai_api_base || 'https://api.openai.com/v1';
                document.getElementById('openai_model').value = data.config.openai_model || 'gpt-3.5-turbo';
            }
        });
}

function testOllamaConnection() {
    const baseUrl = document.getElementById('ollama_base_url').value;
    const model = document.getElementById('ollama_model').value;
    const resultDiv = document.getElementById('ollamaTestResult');
    
    resultDiv.innerHTML = '<div class="alert alert-info"><span class="spinner-border spinner-border-sm"></span> 正在测试连接...</div>';
    
    fetch('/teacher/grading/test-llm', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            type: 'ollama',
            base_url: baseUrl,
            model: model
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            resultDiv.innerHTML = `<div class="alert alert-success">
                <i class="bi bi-check-circle"></i> ${data.message}<br>
                <small>测试评分: ${data.test_result?.score || 0}分</small>
            </div>`;
        } else {
            resultDiv.innerHTML = `<div class="alert alert-danger">
                <i class="bi bi-x-circle"></i> ${data.message}
            </div>`;
        }
    })
    .catch(err => {
        resultDiv.innerHTML = `<div class="alert alert-danger">连接失败: ${err}</div>`;
    });
}

function saveOllamaConfig() {
    const baseUrl = document.getElementById('ollama_base_url').value;
    const model = document.getElementById('ollama_model').value;
    
    fetch('/teacher/grading/config/llm', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            type: 'ollama',
            base_url: baseUrl,
            model: model
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            Swal.fire('成功', data.message, 'success');
        } else {
            Swal.fire('失败', data.message, 'error');
        }
    });
}

function testOpenAIConnection() {
    const apiBase = document.getElementById('openai_api_base').value;
    const apiKey = document.getElementById('openai_api_key').value;
    const model = document.getElementById('openai_model').value;
    const resultDiv = document.getElementById('openaiTestResult');
    
    if (!apiKey) {
        resultDiv.innerHTML = '<div class="alert alert-warning">请输入API密钥</div>';
        return;
    }
    
    resultDiv.innerHTML = '<div class="alert alert-info"><span class="spinner-border spinner-border-sm"></span> 正在测试连接...</div>';
    
    fetch('/teacher/grading/test-llm', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            type: 'openai',
            api_base: apiBase,
            api_key: apiKey,
            model: model
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            resultDiv.innerHTML = `<div class="alert alert-success">
                <i class="bi bi-check-circle"></i> ${data.message}<br>
                <small>测试评分: ${data.test_result?.score || 0}分</small>
            </div>`;
        } else {
            resultDiv.innerHTML = `<div class="alert alert-danger">
                <i class="bi bi-x-circle"></i> ${data.message}
            </div>`;
        }
    })
    .catch(err => {
        resultDiv.innerHTML = `<div class="alert alert-danger">连接失败: ${err}</div>`;
    });
}

function saveOpenAIConfig() {
    const apiBase = document.getElementById('openai_api_base').value;
    const apiKey = document.getElementById('openai_api_key').value;
    const model = document.getElementById('openai_model').value;
    
    fetch('/teacher/grading/config/llm', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            type: 'openai',
            api_base: apiBase,
            api_key: apiKey,
            model: model
        })
    })
    .then(r => r.json())
    .then(data => {
        if (data.success) {
            Swal.fire('成功', data.message, 'success');
        } else {
            Swal.fire('失败', data.message, 'error');
        }
    });
}

// 页面初始化
document.addEventListener('DOMContentLoaded', function() {
    // 绑定方法选择事件
    document.querySelectorAll('input[id^="method_"]').forEach(cb => {
        cb.addEventListener('change', updateWeightDisplay);
    });
    
    // 绑定权重滑块事件
    document.querySelectorAll('input[id^="weight_"]').forEach(slider => {
        slider.addEventListener('input', updateWeightDisplay);
    });
    
    updateWeightDisplay();
});
</script>
{% endblock %}