{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{% if page_name == 'course_subsec_edit' %}编辑小节{% else %}创建小节{% endif %}</h1>
      </div>
      <div class="section__body">
        <form method="post">
          <div class="row">
            <div class="medium-9 columns">
              <label>
                标题
                <input name="title" placeholder="请输入小节标题" value="{{ ssdoc.title|default('') }}" class="textbox" autofocus>
              </label>
            </div>
            <div class="medium-3 columns">
              <label>
                排序权重
                <input name="pin" placeholder="数值越大越靠前" value="{{ ssdoc.pin|default(0) }}" class="textbox">
                <p class="help-text">数值越大越靠前。</p>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="medium-12 columns form__item end">
              <label for="course-subsection-problem-ids" data-problem-set-selector-label>题目</label>
              <input
                id="course-subsection-problem-ids"
                type="text"
                name="pids"
                value="{{ ssdoc.pids|join(', ') if ssdoc and ssdoc.pids else '' }}"
                placeholder="用英文逗号分隔，如 1001,1002"
                class="textbox"
                data-problem-set-selector-source
                data-sequence-mode="numeric"
                data-sort-by-pid
              >
              <div data-problem-set-selector></div>
              <p class="help-text problem-set-selector-help">搜索并添加题目；这里的顺序就是课程中显示和计分的顺序。</p>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              <label>
                描述
                <textarea name="content" class="textbox" data-markdown style="height: 200px">{{ ssdoc['content']|default('') }}</textarea>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              {% if page_name == 'course_subsec_edit' %}
              <button type="submit" class="rounded primary button">更新</button>
              {% if handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
              <button name="operation" value="delete" type="submit" class="rounded button">删除</button>
              {% endif %}
              {% else %}
              <button type="submit" class="rounded primary button">创建</button>
              {% endif %}
              <button type="button" class="rounded button" onclick="window.history.go(-1)">取消</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

</div>
{% endblock %}