{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
{% set pageTitle = _('编辑课程包') if cpdoc else _('创建课程包') %}
<main class="course-package-ui course-package-form 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 ui-grid--2">
            <label class="ui-field">
              <span class="ui-field__label">{{ _('Title') }}</span>
              <input name="title" value="{{ cpdoc.title|default('') }}" class="textbox ui-field__control" autofocus>
            </label>
            <label class="ui-field">
              <span class="ui-field__label">{{ _('Pin') }}</span>
              <input name="pin" value="{{ cpdoc.pin|default(0) }}" class="textbox ui-field__control">
            </label>
          </div>
          <label class="ui-field">
            <span class="ui-field__label">{{ _('标签') }}</span>
            <input name="tags" value="{{ cpdoc.tags|join(', ') if cpdoc.tags else '' }}" class="textbox ui-field__control" placeholder="{{ _('例如：基础, 图论, 提高组') }}">
          </label>
          <label class="course-package-ui__checkbox">
            <input type="checkbox" name="hidden" value="true"{% if cpdoc and cpdoc.hidden %} checked{% endif %}>
            <span>{{ _('隐藏课程包') }}</span>
          </label>
          <p class="ui-muted ui-mt-0">{{ _('隐藏后普通用户不可见，域管理员仍可管理和恢复显示。') }}</p>
          <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>{{ cpdoc.content|default('') }}</textarea>
          </label>
          <div class="ui-actions ui-actions--start">
            {% if cpdoc %}
            <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_detail', cpid=cpdoc.docId) }}">{{ _('Cancel') }}</a>
            {% else %}
            <button type="submit" class="rounded primary button">{{ _('Create') }}</button>
            <a class="rounded button" href="{{ url('course_package_main') }}">{{ _('Cancel') }}</a>
            {% endif %}
          </div>

        </form>
      </div>
    </div>

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