{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
{% set pageTitle = _('编辑章') if chapter else _('创建章') %}
<main class="course-package-ui course-package-form ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {% call ui_v1.page_header(pageTitle, _('维护课程包版本中的章标题、说明和可见性。')) %}
    {% if chapter %}<a class="rounded button" href="{{ url('course_package_chapter_preview', cpid=cpdoc.docId, vid=vpdoc.docId, chapterId=chapter.id) }}">{{ _('预览') }}</a>{% endif %}
  {% endcall %}
  <div class="ui-split">
    <div class="ui-stack ui-stack--lg">
    <div class="ui-panel">
      <div class="ui-panel__body">
        <form method="post" class="ui-stack">
          <label class="ui-field">
            <span class="ui-field__label">{{ _('Title') }}</span>
            <input name="title" value="{{ chapter.title|default('') }}" class="textbox ui-field__control" autofocus>
          </label>
          <label class="ui-field">
            <span class="ui-field__label">{{ _('Description') }}</span>
            <textarea name="content" class="textbox ui-field__control course-package-ui__markdown" data-markdown>{{ chapter.content|default('') }}</textarea>
          </label>
          <label class="course-package-ui__checkbox">
            <input type="checkbox" name="hidden" value="true"{% if chapter and chapter.hidden %} checked{% endif %}>
            <span>{{ _('隐藏本章') }}</span>
          </label>
          <p class="ui-muted ui-mt-0">{{ _('隐藏后普通用户不可见，域管理员仍可编辑和恢复显示。') }}</p>
          <div class="ui-actions ui-actions--start">
            {% if chapter %}
            <button type="submit" class="rounded primary button">{{ _('Update') }}</button>
            <button name="operation" value="delete" type="submit" class="rounded button">{{ _('Delete') }}</button>
            {% else %}
            <button type="submit" class="rounded primary button">{{ _('Create') }}</button>
            {% endif %}
            <a class="rounded button" href="{{ url('course_package_version_detail', cpid=cpdoc.docId, vid=vpdoc.docId) }}">{{ _('Cancel') }}</a>
          </div>

        </form>
      </div>
    </div>
    {% if chapter %}{% include 'components/course_package_lessons.html' %}{% endif %}
    </div>

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