{% extends "base.html" %}

{% block title %}编辑考试 - FlashExam{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-12">
        <h1 class="h3 mb-0">
            <i class="bi bi-pencil-square"></i>
            编辑考试
        </h1>
        <p class="text-muted">编辑考试信息和题目内容，不影响全局题目管理</p>
    </div>
</div>

<!-- 返回按钮 -->
<div class="row mb-3">
    <div class="col-12">
        <a href="{{ url_for('teacher.exams') }}" class="btn btn-secondary">
            <i class="bi bi-arrow-left"></i> 返回考试管理
        </a>
    </div>
</div>

<!-- 考试基本信息编辑 -->
<div class="row mb-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h6 class="mb-0">
                    <i class="bi bi-info-circle"></i>
                    考试基本信息
                </h6>
            </div>
            <div class="card-body">
                <form id="examInfoForm">
                    <div class="row">
                        <div class="col-md-8 mb-3">
                            <label for="examTitle" class="form-label">考试标题</label>
                            <input type="text" class="form-control" id="examTitle" value="{{ exam.title }}" required>
                        </div>
                        <div class="col-md-4 mb-3">
                            <label for="examDuration" class="form-label">考试时长（分钟）</label>
                            <input type="number" class="form-control" id="examDuration" value="{{ exam.duration_minutes }}" min="1" max="480" required>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="examDescription" class="form-label">考试描述</label>
                        <textarea class="form-control" id="examDescription" rows="3">{{ exam.description or '' }}</textarea>
                    </div>
                    
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" id="examActive" {{ 'checked' if exam.is_active else '' }}>
                                <label class="form-check-label" for="examActive">
                                    考试激活状态
                                </label>
                            </div>
                        </div>
                        <div class="col-md-8 text-end">
                            <button type="button" class="btn btn-success" onclick="saveExamInfo()">
                                <i class="bi bi-check-circle"></i> 保存基本信息
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 考试统计信息 -->
<div class="row mb-4">
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body">
                <i class="bi bi-question-circle-fill display-4 text-info mb-2"></i>
                <h4 id="totalQuestions">{{ questions|length }}</h4>
                <p class="mb-0">题目总数</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body">
                <i class="bi bi-award-fill display-4 text-warning mb-2"></i>
                <h4 id="totalScore">{{ "%.1f"|format(questions|sum(attribute='score') or 0) }}</h4>
                <p class="mb-0">总分</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body">
                <i class="bi bi-clock-fill display-4 text-primary mb-2"></i>
                <h4>{{ exam.duration_minutes }}</h4>
                <p class="mb-0">时长（分钟）</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center">
            <div class="card-body">
                <i class="bi bi-toggles display-4 {{ 'text-success' if exam.is_active else 'text-secondary' }} mb-2"></i>
                <h4>{{ '进行中' if exam.is_active else '已结束' }}</h4>
                <p class="mb-0">考试状态</p>
            </div>
        </div>
    </div>
</div>

<!-- 题目管理工具栏 -->
<div class="row mb-3">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <div class="btn-group me-3" role="group">
                            <button type="button" class="btn btn-primary" onclick="addNewQuestion()">
                                <i class="bi bi-plus-circle"></i> 添加新题目
                            </button>
                            <button type="button" class="btn btn-success" onclick="addExistingQuestion()">
                                <i class="bi bi-search"></i> 添加现有题目
                            </button>
                            <button type="button" class="btn btn-warning" onclick="reorderQuestions()">
                                <i class="bi bi-arrow-down-up"></i> 调整顺序
                            </button>
                        </div>
                        
                        <!-- Word导出按钮组 -->
                        <div class="btn-group" role="group">
                            <button class="btn btn-outline-info dropdown-toggle" type="button" data-bs-toggle="dropdown">
                                <i class="bi bi-file-earmark-word"></i> 导出Word
                            </button>
                            <ul class="dropdown-menu">
                                <li><h6 class="dropdown-header">纯题目版本</h6></li>
                                <li><a class="dropdown-item" href="#" onclick="exportWordDocument(false, false)">
                                    <i class="bi bi-file-earmark"></i> 纯题目（供考生答题）
                                </a></li>
                                <li><hr class="dropdown-divider"></li>
                                <li><h6 class="dropdown-header">带答案版本</h6></li>
                                <li><a class="dropdown-item" href="#" onclick="exportWordDocument(true, false)">
                                    <i class="bi bi-file-earmark-text"></i> 带参考答案
                                </a></li>
                                <li><a class="dropdown-item" href="#" onclick="exportWordDocument(true, true)">
                                    <i class="bi bi-file-earmark-richtext"></i> 带答案+评分细则
                                </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 text-end">
                        <div class="btn-group" role="group">
                            <button type="button" class="btn btn-outline-secondary" onclick="expandAll()">
                                <i class="bi bi-arrows-expand"></i> 展开全部
                            </button>
                            <button type="button" class="btn btn-outline-secondary" onclick="collapseAll()">
                                <i class="bi bi-arrows-collapse"></i> 收起全部
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 题目列表 -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h6 class="mb-0">
                    <i class="bi bi-list-task"></i>
                    考试题目列表
                </h6>
            </div>
            <div class="card-body" id="questionsContainer">
                {% if questions %}
                    {% for question in questions %}
                    <div class="question-item card mb-3" data-question-id="{{ question.id }}" data-order="{{ loop.index }}">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-md-8">
                                    <div class="d-flex align-items-center">
                                        <span class="badge bg-primary me-2">第{{ loop.index }}题</span>
                                        <span class="badge bg-info me-2">{{ get_question_type_name(question.question_type) }}</span>
                                        <span class="badge bg-warning me-2">{{ question.score or 1 }}分</span>
                                        <button class="btn btn-sm btn-outline-secondary" onclick="toggleQuestion({{ question.id }})">
                                            <i class="bi bi-chevron-down" id="chevron-{{ question.id }}"></i>
                                        </button>
                                    </div>
                                </div>
                                <div class="col-md-4 text-end">
                                    <div class="btn-group btn-group-sm" role="group">
                                        <button type="button" class="btn btn-outline-primary" onclick="editQuestion({{ question.id }})">
                                            <i class="bi bi-pencil"></i> 编辑
                                        </button>
                                        <button type="button" class="btn btn-outline-danger" onclick="removeQuestion({{ question.id }})">
                                            <i class="bi bi-trash"></i> 移除
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-body collapse" id="question-content-{{ question.id }}">
                            <div class="question-preview mb-3">
                                <h6>题目内容：</h6>
                                <div class="border p-3 bg-light">
                                    {{ question.question_text|safe }}
                                </div>
                            </div>
                            
                            {% if question.question_type in ['choice'] %}
                            <div class="options-preview mb-3">
                                <h6>选项：</h6>
                                <div class="row">
                                    {% if question.option_a %}
                                    <div class="col-md-6 mb-2">
                                        <div class="border p-2 {{ 'bg-success text-white' if question.correct_answer == 'A' else 'bg-light' }}">
                                            <strong>A.</strong> {{ question.option_a }}
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% if question.option_b %}
                                    <div class="col-md-6 mb-2">
                                        <div class="border p-2 {{ 'bg-success text-white' if question.correct_answer == 'B' else 'bg-light' }}">
                                            <strong>B.</strong> {{ question.option_b }}
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% if question.option_c %}
                                    <div class="col-md-6 mb-2">
                                        <div class="border p-2 {{ 'bg-success text-white' if question.correct_answer == 'C' else 'bg-light' }}">
                                            <strong>C.</strong> {{ question.option_c }}
                                        </div>
                                    </div>
                                    {% endif %}
                                    {% if question.option_d %}
                                    <div class="col-md-6 mb-2">
                                        <div class="border p-2 {{ 'bg-success text-white' if question.correct_answer == 'D' else 'bg-light' }}">
                                            <strong>D.</strong> {{ question.option_d }}
                                        </div>
                                    </div>
                                    {% endif %}
                                </div>
                            </div>
                            {% elif question.question_type == 'judge' %}
                            <div class="answer-preview mb-3">
                                <h6>正确答案：</h6>
                                <span class="badge bg-success fs-6">
                                    {{ '正确' if question.correct_answer in ['true', 'True', '对', '是'] else '错误' }}
                                </span>
                            </div>
                            {% else %}
                            <div class="answer-preview mb-3">
                                <h6>参考答案：</h6>
                                <div class="border p-3 bg-light">
                                    {{ question.correct_answer }}
                                </div>
                            </div>
                            {% endif %}
                            
                            {% if question.explanation %}
                            <div class="explanation-preview">
                                <h6>解析：</h6>
                                <div class="border p-3 bg-light">
                                    {{ question.explanation }}
                                </div>
                            </div>
                            {% endif %}
                        </div>
                    </div>
                    {% endfor %}
                {% else %}
                    <div class="text-center py-5">
                        <i class="bi bi-question-diamond display-1 text-muted"></i>
                        <h4 class="mt-3 text-muted">该考试暂无题目</h4>
                        <p class="text-muted">点击"添加新题目"或"添加现有题目"开始添加题目</p>
                        <button class="btn btn-primary" onclick="addNewQuestion()">
                            <i class="bi bi-plus-circle"></i> 添加第一道题目
                        </button>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<!-- 题目编辑模态框 -->
<div class="modal fade" id="editQuestionModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-pencil-square"></i>
                    编辑题目
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="editQuestionForm">
                    <input type="hidden" id="editQuestionId">
                    
                    <div class="row mb-3">
                        <div class="col-md-8">
                            <label for="editQuestionType" class="form-label">题目类型</label>
                            <select class="form-select" id="editQuestionType" onchange="changeQuestionType()">
                                <option value="choice">选择题</option>
                                <option value="judge">判断题</option>
                                <option value="fill_blank">填空题</option>
                                <option value="short_answer">简答题</option>
                                <option value="essay">论述题</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="editQuestionScore" class="form-label">分值</label>
                            <input type="number" class="form-control" id="editQuestionScore" min="0.5" step="0.5" value="1">
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="editQuestionText" class="form-label">题目内容</label>
                        <textarea class="form-control" id="editQuestionText" rows="4" required></textarea>
                        <div class="form-text">支持HTML格式，可以插入图片、表格等内容</div>
                    </div>
                    
                    <!-- 选择题选项 -->
                    <div id="editChoiceOptions" class="mb-3" style="display: none;">
                        <label class="form-label">选项设置</label>
                        <div class="row">
                            <div class="col-md-6 mb-2">
                                <div class="input-group">
                                    <span class="input-group-text">A.</span>
                                    <input type="text" class="form-control" id="editOptionA" placeholder="选项A内容">
                                </div>
                            </div>
                            <div class="col-md-6 mb-2">
                                <div class="input-group">
                                    <span class="input-group-text">B.</span>
                                    <input type="text" class="form-control" id="editOptionB" placeholder="选项B内容">
                                </div>
                            </div>
                            <div class="col-md-6 mb-2">
                                <div class="input-group">
                                    <span class="input-group-text">C.</span>
                                    <input type="text" class="form-control" id="editOptionC" placeholder="选项C内容（可选）">
                                </div>
                            </div>
                            <div class="col-md-6 mb-2">
                                <div class="input-group">
                                    <span class="input-group-text">D.</span>
                                    <input type="text" class="form-control" id="editOptionD" placeholder="选项D内容（可选）">
                                </div>
                            </div>
                        </div>
                        <div class="mt-2">
                            <label class="form-label">正确答案</label>
                            <select class="form-select" id="editCorrectChoice">
                                <option value="A">A</option>
                                <option value="B">B</option>
                                <option value="C">C</option>
                                <option value="D">D</option>
                            </select>
                        </div>
                    </div>
                    
                    <!-- 判断题选项 -->
                    <div id="editJudgeOptions" class="mb-3" style="display: none;">
                        <label class="form-label">正确答案</label>
                        <select class="form-select" id="editCorrectJudge">
                            <option value="true">正确</option>
                            <option value="false">错误</option>
                        </select>
                    </div>
                    
                    <!-- 其他题型答案 -->
                    <div id="editOtherAnswer" class="mb-3" style="display: none;">
                        <label for="editCorrectAnswer" class="form-label">参考答案</label>
                        <textarea class="form-control" id="editCorrectAnswer" rows="3" placeholder="请输入参考答案"></textarea>
                    </div>
                    
                    <div class="mb-3">
                        <label for="editQuestionExplanation" class="form-label">解析（可选）</label>
                        <textarea class="form-control" id="editQuestionExplanation" rows="3" placeholder="请输入题目解析"></textarea>
                    </div>
                    
                    <!-- 高级选项 -->
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">
                                <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#advancedOptions">
                                    <i class="bi bi-gear"></i> 高级选项
                                </button>
                            </h6>
                        </div>
                        <div class="collapse" id="advancedOptions">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6 mb-3">
                                        <label for="editDifficulty" class="form-label">难度等级</label>
                                        <select class="form-select" id="editDifficulty">
                                            <option value="1">简单</option>
                                            <option value="2" selected>中等</option>
                                            <option value="3">困难</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-3">
                                        <label for="editCategory" class="form-label">题目分类</label>
                                        <input type="text" class="form-control" id="editCategory" placeholder="如：数学、语文、英语等">
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label for="editMaterial" class="form-label">阅读材料（适用于阅读理解）</label>
                                    <textarea class="form-control" id="editMaterial" rows="4" placeholder="如果是阅读理解题，请在此输入阅读材料"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </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="saveQuestionEdit()">
                    <i class="bi bi-check-circle"></i> 保存修改
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 添加现有题目模态框 -->
<div class="modal fade" id="addExistingModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <i class="bi bi-search"></i>
                    添加现有题目
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" class="form-control" id="searchQuestions" placeholder="搜索题目内容..." onkeyup="searchExistingQuestions()">
                        </div>
                        <div class="col-md-3">
                            <select class="form-select" id="filterQuestionType" onchange="searchExistingQuestions()">
                                <option value="">所有类型</option>
                                <option value="choice">选择题</option>
                                <option value="judge">判断题</option>
                                <option value="fill_blank">填空题</option>
                                <option value="short_answer">简答题</option>
                                <option value="essay">论述题</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <button type="button" class="btn btn-primary" onclick="loadExistingQuestions()">
                                <i class="bi bi-arrow-clockwise"></i> 刷新
                            </button>
                        </div>
                    </div>
                </div>
                
                <div id="existingQuestionsList" style="max-height: 400px; overflow-y: auto;">
                    <div class="text-center py-4">
                        <i class="bi bi-info-circle text-muted"></i>
                        <p class="text-muted">点击"刷新"加载题库中的题目</p>
                    </div>
                </div>
            </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="addSelectedQuestions()">
                    <i class="bi bi-plus-circle"></i> 添加选中题目
                </button>
            </div>
        </div>
    </div>
</div>

<script>
let examId = {{ exam.id }};
let selectedExistingQuestions = [];

// 保存考试基本信息
function saveExamInfo() {
    const title = document.getElementById('examTitle').value.trim();
    const description = document.getElementById('examDescription').value.trim();
    const duration = parseInt(document.getElementById('examDuration').value);
    const isActive = document.getElementById('examActive').checked;
    
    if (!title) {
        showMessage('请输入考试标题', 'error');
        return;
    }
    
    const formData = new FormData();
    formData.append('title', title);
    formData.append('description', description);
    formData.append('duration_minutes', duration);
    formData.append('is_active', isActive);
    
    fetch(`/teacher/exams/edit/${examId}`, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            showMessage(data.message, 'success');
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('保存失败:', error);
        showMessage('保存失败', 'error');
    });
}

// 切换题目展开/收起
function toggleQuestion(questionId) {
    const content = document.getElementById(`question-content-${questionId}`);
    const chevron = document.getElementById(`chevron-${questionId}`);
    
    if (content.classList.contains('show')) {
        content.classList.remove('show');
        chevron.classList.remove('bi-chevron-up');
        chevron.classList.add('bi-chevron-down');
    } else {
        content.classList.add('show');
        chevron.classList.remove('bi-chevron-down');
        chevron.classList.add('bi-chevron-up');
    }
}

// 展开所有题目
function expandAll() {
    document.querySelectorAll('.question-item .collapse').forEach(content => {
        content.classList.add('show');
    });
    document.querySelectorAll('[id^="chevron-"]').forEach(chevron => {
        chevron.classList.remove('bi-chevron-down');
        chevron.classList.add('bi-chevron-up');
    });
}

// 收起所有题目
function collapseAll() {
    document.querySelectorAll('.question-item .collapse').forEach(content => {
        content.classList.remove('show');
    });
    document.querySelectorAll('[id^="chevron-"]').forEach(chevron => {
        chevron.classList.remove('bi-chevron-up');
        chevron.classList.add('bi-chevron-down');
    });
}

// 编辑题目
function editQuestion(questionId) {
    fetch(`/teacher/exams/${examId}/questions/${questionId}`)
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            populateEditForm(data.question);
            
            // 恢复编辑模式的模态框标题和按钮
            document.querySelector('#editQuestionModal .modal-title').innerHTML = 
                '<i class="bi bi-pencil-square"></i> 编辑题目';
            
            const saveBtn = document.querySelector('#editQuestionModal .btn-primary');
            saveBtn.setAttribute('onclick', 'saveQuestionEdit()');
            saveBtn.innerHTML = '<i class="bi bi-check-circle"></i> 保存修改';
            
            const modal = new bootstrap.Modal(document.getElementById('editQuestionModal'));
            modal.show();
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('加载题目失败:', error);
        showMessage('加载题目失败', 'error');
    });
}

// 填充编辑表单
function populateEditForm(question) {
    document.getElementById('editQuestionId').value = question.id;
    document.getElementById('editQuestionType').value = question.question_type;
    document.getElementById('editQuestionScore').value = question.score || 1;
    document.getElementById('editQuestionText').value = question.question_text || '';
    document.getElementById('editQuestionExplanation').value = question.explanation || '';
    document.getElementById('editDifficulty').value = question.difficulty || 2;
    document.getElementById('editCategory').value = question.category || '';
    document.getElementById('editMaterial').value = question.material || '';
    
    // 根据题目类型显示对应选项
    changeQuestionType();
    
    if (question.question_type === 'choice') {
        document.getElementById('editOptionA').value = question.option_a || '';
        document.getElementById('editOptionB').value = question.option_b || '';
        document.getElementById('editOptionC').value = question.option_c || '';
        document.getElementById('editOptionD').value = question.option_d || '';
        document.getElementById('editCorrectChoice').value = question.correct_answer || 'A';
    } else if (question.question_type === 'judge') {
        document.getElementById('editCorrectJudge').value = question.correct_answer || 'true';
    } else {
        document.getElementById('editCorrectAnswer').value = question.correct_answer || '';
    }
}

// 题目类型改变时的处理
function changeQuestionType() {
    const type = document.getElementById('editQuestionType').value;
    
    // 隐藏所有选项
    document.getElementById('editChoiceOptions').style.display = 'none';
    document.getElementById('editJudgeOptions').style.display = 'none';
    document.getElementById('editOtherAnswer').style.display = 'none';
    
    // 根据类型显示对应选项
    if (type === 'choice') {
        document.getElementById('editChoiceOptions').style.display = 'block';
    } else if (type === 'judge') {
        document.getElementById('editJudgeOptions').style.display = 'block';
    } else {
        document.getElementById('editOtherAnswer').style.display = 'block';
    }
}

// 保存题目编辑
function saveQuestionEdit() {
    const questionId = document.getElementById('editQuestionId').value;
    const questionType = document.getElementById('editQuestionType').value;
    
    const formData = new FormData();
    formData.append('question_type', questionType);
    formData.append('question_text', document.getElementById('editQuestionText').value);
    formData.append('score', document.getElementById('editQuestionScore').value);
    formData.append('explanation', document.getElementById('editQuestionExplanation').value);
    formData.append('difficulty', document.getElementById('editDifficulty').value);
    formData.append('category', document.getElementById('editCategory').value);
    formData.append('material', document.getElementById('editMaterial').value);
    
    // 根据题目类型添加答案
    if (questionType === 'choice') {
        formData.append('option_a', document.getElementById('editOptionA').value);
        formData.append('option_b', document.getElementById('editOptionB').value);
        formData.append('option_c', document.getElementById('editOptionC').value);
        formData.append('option_d', document.getElementById('editOptionD').value);
        formData.append('correct_answer', document.getElementById('editCorrectChoice').value);
    } else if (questionType === 'judge') {
        formData.append('correct_answer', document.getElementById('editCorrectJudge').value);
    } else {
        formData.append('correct_answer', document.getElementById('editCorrectAnswer').value);
    }
    
    fetch(`/teacher/exams/${examId}/questions/${questionId}/edit`, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            showMessage(data.message, 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('editQuestionModal'));
            modal.hide();
            // 刷新页面以显示更新
            setTimeout(() => {
                window.location.reload();
            }, 1000);
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('保存失败:', error);
        showMessage('保存失败', 'error');
    });
}

// 保存新题目
function saveNewQuestion() {
    const questionType = document.getElementById('editQuestionType').value;
    
    if (!document.getElementById('editQuestionText').value.trim()) {
        showMessage('请输入题目内容', 'error');
        return;
    }
    
    const formData = new FormData();
    formData.append('question_type', questionType);
    formData.append('question_text', document.getElementById('editQuestionText').value);
    formData.append('score', document.getElementById('editQuestionScore').value);
    formData.append('explanation', document.getElementById('editQuestionExplanation').value);
    formData.append('difficulty', document.getElementById('editDifficulty').value);
    formData.append('category', document.getElementById('editCategory').value);
    formData.append('material', document.getElementById('editMaterial').value);
    
    // 根据题目类型添加答案
    if (questionType === 'choice') {
        const optionA = document.getElementById('editOptionA').value;
        const optionB = document.getElementById('editOptionB').value;
        
        if (!optionA || !optionB) {
            showMessage('选择题至少需要选项A和选项B', 'error');
            return;
        }
        
        formData.append('option_a', optionA);
        formData.append('option_b', optionB);
        formData.append('option_c', document.getElementById('editOptionC').value);
        formData.append('option_d', document.getElementById('editOptionD').value);
        formData.append('correct_answer', document.getElementById('editCorrectChoice').value);
    } else if (questionType === 'judge') {
        formData.append('correct_answer', document.getElementById('editCorrectJudge').value);
    } else {
        const answer = document.getElementById('editCorrectAnswer').value;
        if (!answer.trim()) {
            showMessage('请输入参考答案', 'error');
            return;
        }
        formData.append('correct_answer', answer);
    }
    
    fetch(`/teacher/exams/${examId}/questions/new`, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            showMessage(data.message, 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('editQuestionModal'));
            modal.hide();
            // 刷新页面以显示新题目
            setTimeout(() => {
                window.location.reload();
            }, 1000);
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('添加失败:', error);
        showMessage('添加失败', 'error');
    });
}

// 移除题目
function removeQuestion(questionId) {
    if (!confirm('确定要从考试中移除这道题目吗？\n\n注意：这只会从当前考试中移除，不会删除题库中的题目。')) {
        return;
    }
    
    fetch(`/teacher/exams/${examId}/questions/${questionId}/remove`, {
        method: 'POST'
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            showMessage(data.message, 'success');
            // 移除DOM元素
            document.querySelector(`[data-question-id="${questionId}"]`).remove();
            updateStatistics();
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('移除失败:', error);
        showMessage('移除失败', 'error');
    });
}

// 添加新题目
function addNewQuestion() {
    // 清空编辑表单
    document.getElementById('editQuestionForm').reset();
    document.getElementById('editQuestionId').value = '';
    
    // 修改模态框标题
    document.querySelector('#editQuestionModal .modal-title').innerHTML = 
        '<i class="bi bi-plus-circle"></i> 添加新题目';
    
    // 修改保存按钮
    const saveBtn = document.querySelector('#editQuestionModal .btn-primary');
    saveBtn.setAttribute('onclick', 'saveNewQuestion()');
    saveBtn.innerHTML = '<i class="bi bi-plus-circle"></i> 添加题目';
    
    changeQuestionType();
    
    const modal = new bootstrap.Modal(document.getElementById('editQuestionModal'));
    modal.show();
}

// 添加现有题目
function addExistingQuestion() {
    const modal = new bootstrap.Modal(document.getElementById('addExistingModal'));
    modal.show();
    loadExistingQuestions();
}

// 加载现有题目
function loadExistingQuestions() {
    fetch('/teacher/questions/available')
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            displayExistingQuestions(data.questions);
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('加载题目失败:', error);
        showMessage('加载题目失败', 'error');
    });
}

// 显示现有题目列表
function displayExistingQuestions(questions) {
    const container = document.getElementById('existingQuestionsList');
    
    if (!questions || questions.length === 0) {
        container.innerHTML = '<div class="text-center py-4"><p class="text-muted">暂无可用题目</p></div>';
        return;
    }
    
    let html = '';
    questions.forEach(question => {
        html += `
            <div class="card mb-2">
                <div class="card-body py-2">
                    <div class="row align-items-center">
                        <div class="col-md-1">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" value="${question.id}" 
                                       onchange="updateSelectedQuestions()">
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="d-flex align-items-center">
                                <span class="badge bg-info me-2">${getQuestionTypeName(question.question_type)}</span>
                                <span class="badge bg-warning me-2">${question.score || 1}分</span>
                                <small class="text-truncate">${question.question_text.substring(0, 100)}...</small>
                            </div>
                        </div>
                        <div class="col-md-3 text-end">
                            <button class="btn btn-sm btn-outline-info" onclick="previewQuestion(${question.id})">
                                <i class="bi bi-eye"></i> 预览
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        `;
    });
    
    container.innerHTML = html;
}

// 搜索现有题目
function searchExistingQuestions() {
    const searchText = document.getElementById('searchQuestions').value.toLowerCase();
    const filterType = document.getElementById('filterQuestionType').value;
    
    const cards = document.querySelectorAll('#existingQuestionsList .card');
    cards.forEach(card => {
        const text = card.textContent.toLowerCase();
        const typeMatch = !filterType || card.innerHTML.includes(getQuestionTypeName(filterType));
        const textMatch = !searchText || text.includes(searchText);
        
        card.style.display = (typeMatch && textMatch) ? 'block' : 'none';
    });
}

// 更新选中题目
function updateSelectedQuestions() {
    selectedExistingQuestions = Array.from(document.querySelectorAll('#existingQuestionsList input:checked'))
        .map(input => parseInt(input.value));
}

// 添加选中题目
function addSelectedQuestions() {
    if (selectedExistingQuestions.length === 0) {
        showMessage('请选择要添加的题目', 'error');
        return;
    }
    
    const formData = new FormData();
    selectedExistingQuestions.forEach(id => {
        formData.append('question_ids', id);
    });
    
    fetch(`/teacher/exams/${examId}/questions/add`, {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            showMessage(data.message, 'success');
            const modal = bootstrap.Modal.getInstance(document.getElementById('addExistingModal'));
            modal.hide();
            setTimeout(() => {
                window.location.reload();
            }, 1000);
        } else {
            showMessage(data.message, 'error');
        }
    })
    .catch(error => {
        console.error('添加失败:', error);
        showMessage('添加失败', 'error');
    });
}

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

// 更新统计信息
function updateStatistics() {
    const questionCount = document.querySelectorAll('.question-item').length;
    document.getElementById('totalQuestions').textContent = questionCount;
}

// Word文档导出功能
function exportWordDocument(includeAnswers, includeGrading) {
    let exportType = '纯题目';
    if (includeAnswers && includeGrading) {
        exportType = '带答案和评分细则';
    } else if (includeAnswers) {
        exportType = '带参考答案';
    }
    
    showMessage(`正在生成${exportType}版本的Word文档...`, 'info');
    
    // 构建导出URL
    let exportUrl = `/teacher/exams/${examId}/export-word`;
    const params = new URLSearchParams();
    
    if (includeAnswers) {
        params.append('answers', 'true');
    }
    
    if (includeGrading) {
        params.append('grading', 'true');
    }
    
    if (params.toString()) {
        exportUrl += '?' + params.toString();
    }
    
    // 打开导出链接
    window.open(exportUrl, '_blank');
}

// 调整题目顺序功能（暂时显示提示）
function reorderQuestions() {
    showMessage('题目顺序调整功能开发中', 'info');
}

// 消息提示函数
function showMessage(message, type) {
    const alertClass = type === 'success' ? 'alert-success' : 
                      type === 'error' ? 'alert-danger' : 'alert-info';
    
    const alertHtml = `
        <div class="alert ${alertClass} alert-dismissible fade show position-fixed" 
             style="top: 20px; right: 20px; z-index: 9999;">
            ${message}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    `;
    
    document.body.insertAdjacentHTML('beforeend', alertHtml);
    
    // 3秒后自动消失
    setTimeout(() => {
        const alert = document.querySelector('.alert');
        if (alert) alert.remove();
    }, 3000);
}

// 页面加载完成后初始化
document.addEventListener('DOMContentLoaded', function() {
    // 初始化题目类型选择
    changeQuestionType();
});
</script>

{% endblock %}