{% extends "admin/base.html" %}
{% block page_title %}{% if is_new %}新增题目{% else %}编辑题目{% endif %}{% endblock %}
{% block content %}
<div class="card-box">
  <form method="post" enctype="multipart/form-data">
    <div class="form-section-title"><i class="bi bi-card-checklist"></i> 题目内容</div>
    <div class="row g-3">
      <div class="col-md-8"><label class="form-label">题干 *</label>
        <textarea name="stem" class="form-control" rows="3" required>{{q.stem or ''}}</textarea></div>
      <div class="col-md-4">
        <div class="mb-2"><label class="form-label">产品</label><input name="category" class="form-control" value="{{q.category or '通用'}}"></div>
        <div class="mb-2"><label class="form-label">题型</label>
          <select name="qtype" id="qtype" class="form-select" onchange="syncQtype()">
            <option value="单选" {% if q.qtype=='单选'%}selected{% endif %}>单选</option>
            <option value="判断" {% if q.qtype=='判断'%}selected{% endif %}>判断</option>
            <option value="多选" {% if q.qtype=='多选'%}selected{% endif %}>多选</option>
            <option value="配对" {% if q.qtype=='配对'%}selected{% endif %}>配对（游戏翻牌/连连看/拼图/消消乐/合成）</option>
            <option value="分类" {% if q.qtype=='分类'%}selected{% endif %}>分类（游戏分类归类）</option>
          </select>
        </div>
        <div class="mb-2"><label class="form-label">适应症</label><input name="indication" class="form-control" value="{{q.indication or ''}}" placeholder="如：社区获得性肺炎"></div>
      </div>
    </div>
    <hr class="form-divider">
    <div class="form-section-title"><i class="bi bi-list-check"></i> 选项与答案</div>
    <div class="row g-3 mt-1">
      <div class="col-md-6"><label class="form-label" id="lbl-a">选项 A</label><input name="opt_a" id="opt_a" class="form-control" value="{{q.opt_a or ''}}"></div>
      <div class="col-md-6"><label class="form-label" id="lbl-b">选项 B</label><input name="opt_b" id="opt_b" class="form-control" value="{{q.opt_b or ''}}"></div>
      <div class="col-md-6"><label class="form-label" id="lbl-c">选项 C</label><input name="opt_c" id="opt_c" class="form-control" value="{{q.opt_c or ''}}"></div>
      <div class="col-md-6"><label class="form-label" id="lbl-d">选项 D</label><input name="opt_d" id="opt_d" class="form-control" value="{{q.opt_d or ''}}"></div>
    </div>
    <div class="row g-3 mt-1">
      <div class="col-md-3"><label class="form-label">正确答案</label><input name="answer" id="answer" class="form-control" value="{{q.answer or 'A'}}" placeholder="A/B/C/D"></div>
      <div class="col-md-3"><label class="form-label">分值</label><input name="points" type="number" class="form-control" value="{{q.points or 10}}"></div>
      <div class="col-md-6"><label class="form-label">解析</label><input name="explanation" class="form-control" value="{{q.explanation or ''}}"></div>
    </div>
    <div class="mt-2"><label class="form-label">配图（可选，图片题用）</label>
      <input type="file" name="image" accept="image/*" class="form-control">
      {% if q.image_url %}<div class="small text-muted mt-1">当前：<a href="{{q.image_url}}" target="_blank">{{q.image_url}}</a> <label class="ms-2"><input type="checkbox" name="clear_image"> 清除配图</label></div>{% endif %}
    </div>
    <div class="mt-3">
      <button class="btn btn-brand">保存</button>
      <a href="{{url_for('admin.questions')}}" class="btn btn-outline-secondary">返回</a>
    </div>
  </form>
</div>
<script>
// 配对题型：左/右文本成对，答案固定 PAIR（不参与判分）；其余题型恢复默认标签。
function syncQtype(){
  var v = document.getElementById('qtype').value;
  var isPair = v.indexOf('配对') === 0;
  var isClassify = v.indexOf('分类') === 0;
  var lbls = isPair ? ['配对·左文本','配对·右文本','选项 C','选项 D']
            : isClassify ? ['正确分类','错误分类1','错误分类2','选项 D']
            : ['选项 A','选项 B','选项 C','选项 D'];
  document.getElementById('lbl-a').textContent = lbls[0];
  document.getElementById('lbl-b').textContent = lbls[1];
  document.getElementById('lbl-c').textContent = lbls[2];
  document.getElementById('lbl-d').textContent = lbls[3];
  var ans = document.getElementById('answer');
  if (isPair){ ans.value = 'PAIR'; ans.readOnly = true; ans.placeholder = '配对题无需答案'; }
  else if (isClassify){ ans.value = 'A'; ans.readOnly = true; ans.placeholder = '分类题：正确分类固定填 A'; }
  else { ans.readOnly = false; ans.placeholder = 'A/B/C/D'; }
}
syncQtype();
</script>
{% endblock %}