{% extends "admin/base.html" %}
{% block page_title %}题库管理{% endblock %}
{% block content %}
<div class="card-box">
  <div class="d-flex justify-content-between mb-3 flex-wrap gap-2 align-items-center">
    <form method="get" class="d-flex gap-2">
      <select name="cat" class="form-select form-select-sm" onchange="this.form.submit()">
        <option value="">全部产品</option>
        {% for c in cats %}<option value="{{c}}" {% if cat==c %}selected{% endif %}>{{c}}</option>{% endfor %}
      </select>
      <select name="qtype" class="form-select form-select-sm" onchange="this.form.submit()">
        <option value="">全部题型</option>
        {% for qt in qtypes %}<option value="{{qt}}" {% if qtype==qt %}selected{% endif %}>{{qt}}</option>{% endfor %}
      </select>
      <input name="q" class="form-control form-control-sm" value="{{q}}" placeholder="搜索题干">
      <button class="btn btn-sm btn-outline-secondary" style="white-space:nowrap">筛选</button>
    </form>
    <div class="d-flex gap-2">
      <a href="{{url_for('admin.question_import')}}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-upload"></i> Excel 导入</a>
      <a href="{{url_for('admin.question_edit')}}" class="btn btn-brand btn-sm"><i class="bi bi-plus-lg"></i> 新增题目</a>
    </div>
  </div>
  <form id="batchForm" method="post" action="{{url_for('admin.question_batch_delete')}}">
    <input type="hidden" name="qids" id="batchQids">
    <button type="submit" class="btn btn-sm btn-outline-danger mb-2" onclick="return prepBatch()">批量删除选中</button>
    <span class="small text-muted ms-2">已选 <b id="qselCnt">0</b> 题</span>
  </form>
  <table class="table table-hover align-middle">
    <thead><tr><th width="40"><input type="checkbox" id="qselAll" class="form-check-input" onclick="toggleQselAll()"></th><th width="50">序号</th><th>题干</th><th>产品</th><th>适应症</th><th>题型</th><th>答案</th><th>分值</th><th>操作</th></tr></thead>
    <tbody>
    {% for q in questions %}
      <tr>
        <td><input type="checkbox" class="qsel form-check-input" value="{{q.id}}" onclick="updQselCnt()"></td>
        <td>{{loop.index}}</td>
        <td class="small" style="max-width:300px">{{q.stem[:50]}}{% if q.stem|length>50 %}…{% endif %}</td>
        <td>{{q.category}}</td><td class="small text-muted">{{q.indication or '—'}}</td><td>{{q.qtype}}</td><td>{{q.answer}}</td><td>{{q.points}}</td>
        <td>
          <a href="{{url_for('admin.question_edit', id=q.id)}}" class="btn btn-sm btn-outline-secondary">编辑</a>
          <form method="post" action="{{url_for('admin.question_delete', id=q.id)}}" class="d-inline" onsubmit="return confirm('删除该题？')">
            <button class="btn btn-sm btn-outline-danger">删除</button>
          </form>
        </td>
      </tr>
    {% else %}
      <tr><td colspan="9" class="text-center text-muted py-4">暂无题目，可单题新增或 Excel 批量导入</td></tr>
    {% endfor %}
    </tbody>
  </table>
</div>
<script>
function updQselCnt(){var el=document.getElementById('qselCnt');if(el)el.textContent=document.querySelectorAll('.qsel:checked').length;}
function toggleQselAll(){var on=document.getElementById('qselAll').checked;document.querySelectorAll('.qsel').forEach(function(c){c.checked=on;});updQselCnt();}
function prepBatch(){var ids=Array.from(document.querySelectorAll('.qsel:checked')).map(function(c){return c.value;});if(!ids.length){alert('请先勾选要删除的题目');return false;}if(!confirm('确认删除选中的 '+ids.length+' 道题？此操作不可逆。'))return false;document.getElementById('batchQids').value=ids.join(',');return true;}
</script>
{% endblock %}