{% extends "admin/base.html" %}
{% block page_title %}{% if is_new %}新建考试{% else %}编辑考试{% endif %}{% endblock %}
{% block content %}
<div class="card-box" style="max-width:720px">
  <form method="post">
    <div class="form-section-title"><i class="bi bi-mortarboard"></i> 基本信息</div>
    <div class="mb-3"><label class="form-label">考试标题 *</label><input name="title" class="form-control" value="{{e.title or ''}}" required></div>
    <div class="mb-3"><label class="form-label">说明</label><textarea name="description" class="form-control" rows="2">{{e.description or ''}}</textarea></div>
    <hr class="form-divider">
    <div class="form-section-title"><i class="bi bi-sliders2"></i> 规则设置</div>
    <div class="mb-3"><label class="form-label">模式 *</label>
      <select name="mode" class="form-select" id="examMode">
        <option value="quiz" {% if e.mode=='quiz'%}selected{% endif %}>普通答题（趣味互动·答题）</option>
        <option value="game" {% if e.mode=='game'%}selected{% endif %}>游戏闯关（趣味互动·闯关游戏）</option>
      </select>
      <div class="form-text">先选模式。普通答题：配置及格分/次数/通过奖励，按正确率判通关自动发积分；游戏闯关：按速度奖励分（游戏分）排名、玩完即上榜、积分由后台英雄榜手动发放。</div>
    </div>
    <div id="quizRulesBox">
      <div class="row g-3">
        <div class="col-md-3"><label class="form-label">及格分</label><input name="pass_score" type="number" class="form-control" value="{{e.pass_score or 60}}"></div>
        <div class="col-md-3"><label class="form-label">最多尝试次数</label><input name="max_attempts" type="number" class="form-control" value="{{e.max_attempts or 1}}"></div>
        <div class="col-md-3"><label class="form-label">限时(秒,0不限)</label><input name="time_limit" type="number" class="form-control" value="{{e.time_limit or 0}}"></div>
        <div class="col-md-3"><label class="form-label">通过奖励积分</label><input name="points_reward" type="number" class="form-control" value="{{e.points_reward or 0}}"></div>
      </div>
    </div>
    <div class="mt-3" id="gameRoundBox" style="display:none">
      <label class="form-label">游戏关卡数</label>
      <input name="game_round_count" type="number" class="form-control" min="2" max="6" value="{{game_round_count}}" style="max-width:160px">
      <div class="form-text">2~6 关（默认 4）。每关的游戏形式在「选题」页单独选择。</div>
    </div>
    <script>
      (function(){var m=document.getElementById('examMode'),q=document.getElementById('quizRulesBox'),g=document.getElementById('gameRoundBox');
       function sync(){var isGame=m.value==='game';q.style.display=isGame?'none':'';g.style.display=isGame?'':'none';}
       m.addEventListener('change',sync);sync();})();
    </script>
    <hr class="form-divider">
    <div class="form-section-title"><i class="bi bi-clock-history"></i> 时间与发布</div>
    <div class="row g-3 mt-1">
      <div class="col-md-4"><label class="form-label">开始时间</label><input name="start_at" type="datetime-local" class="form-control" value="{{e.start_at.strftime('%Y-%m-%dT%H:%M') if e.start_at}}"></div>
      <div class="col-md-4"><label class="form-label">结束时间</label><input name="end_at" type="datetime-local" class="form-control" value="{{e.end_at.strftime('%Y-%m-%dT%H:%M') if e.end_at}}"></div>
      <div class="col-md-4"><label class="form-label">状态</label>
        <select name="status" class="form-select">
          <option value="draft" {% if e.status=='draft'%}selected{% endif %}>草稿</option>
          <option value="open" {% if e.status=='open'%}selected{% endif %}>开放</option>
          <option value="closed" {% if e.status=='closed'%}selected{% endif %}>关闭</option>
        </select>
      </div>
    </div>
    <div class="mt-3"><button class="btn btn-brand">下一步 →</button> <a href="{{url_for('admin.exams')}}" class="btn btn-outline-secondary">返回</a></div>
  </form>
</div>
{% endblock %}