{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
{% set pageTitle = _('编辑课程包版本') if vpdoc else _('创建课程包版本') %}
<main class="course-package-ui course-package-version-edit ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {{ ui_v1.page_header(pageTitle, _('版本保存一套可复用的章、节和题目结构快照。')) }}
  <div class="ui-split">
    <div class="ui-panel">
      <div class="ui-panel__body">
        <form method="post" class="ui-stack">
          <div class="ui-grid">
            <label class="ui-field">
              <span class="ui-field__label">{{ _('Title') }}</span>
              <input name="title" value="{{ vpdoc.title|default('默认版本') }}" class="textbox ui-field__control" autofocus>
            </label>
            <label class="ui-field">
              <span class="ui-field__label">{{ _('版本号') }}</span>
              <input name="version" value="{{ vpdoc.version|default('v1') }}" class="textbox ui-field__control">
            </label>
            <label class="ui-field">
              <span class="ui-field__label">{{ _('Pin') }}</span>
              <input name="pin" value="{{ vpdoc.pin|default(0) }}" class="textbox ui-field__control">
            </label>
          </div>
          <label class="course-package-ui__checkbox">
            <input type="checkbox" name="hidden" value="true"{% if vpdoc and vpdoc.hidden %} checked{% endif %}>
            <span>{{ _('隐藏版本') }}</span>
          </label>
          <p class="ui-muted ui-mt-0">{{ _('隐藏后普通用户不可见，域管理员仍可进入编辑和恢复显示。') }}</p>
          <label class="ui-field">
            <span class="ui-field__label">{{ _('版本说明') }}</span>
            <textarea name="content" class="textbox ui-field__control course-package-ui__markdown course-package-ui__markdown--short" data-markdown>{{ vpdoc.content|default('') }}</textarea>
          </label>
          <label class="ui-field">
            <span class="ui-field__label">{{ _('章 / 节结构') }} <span data-ui-help-anchor="course-package-version-edit-help-0"></span></span>
            <textarea name="treeText" class="textbox ui-field__control course-package-ui__markdown course-package-ui__markdown--tree">{{ vpdoc.treeText|default(sampleTree) }}</textarea>
          </label>
          <div class="ui-actions ui-actions--start">
            {% if vpdoc %}
            <button type="submit" class="rounded primary button">{{ _('Update') }}</button>
            <button name="operation" value="delete" type="submit" class="rounded button">{{ _('Delete') }}</button>
            <a class="rounded button" href="{{ url('course_package_version_detail', cpid=cpdoc.docId, vid=vpdoc.docId) }}">{{ _('Cancel') }}</a>
            {% else %}
            <button type="submit" class="rounded primary button">{{ _('Create') }}</button>
            <a class="rounded button" href="{{ url('course_package_detail', cpid=cpdoc.docId) }}">{{ _('Cancel') }}</a>
            {% endif %}
          </div>

      <section data-ui-help="使用说明" data-ui-help-for="course-package-version-edit-help-0" class="ui-panel">
        <header class="ui-panel__header">
          <h2 class="ui-panel__title">{{ _('结构说明') }}</h2>
        </header>
        <div class="ui-panel__body ui-stack ui-stack--sm">
          <p>{{ _('建议把稳定的一套章/节结构作为一个版本，例如 v1、基础班 2026 春、提高班讲义版。') }}</p>
          <p>{{ _('结构只需要 chapters，章下有 lessons；节的 pids 可填写题目编号数组。旧的 stages 格式仍可粘贴导入，保存后会自动压平为章/节。') }}</p>
        </div>
      </section>
        </form>
      </div>
    </div>

  </div>
</main>
{% endblock %}