{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
<main class="course-package-ui course-package-import ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {{ ui_v1.page_header(_('导入课程包')) }}
  <div class="ui-panel">
    <div class="ui-panel__body">
      <form method="post" enctype="multipart/form-data" class="ui-stack">
        <div class="ui-grid ui-grid--2">
          <div class="ui-card">
            <div class="ui-card__header">
              <h2 class="ui-card__title">{{ _('课程包 ZIP') }} <span data-ui-help-anchor="course-package-import-help-0"></span></h2>
              <p data-ui-help="使用说明" data-ui-help-for="course-package-import-help-0" class="ui-card__description">{{ _('系统会同步导入其中题目，并重写各节保存的题号。') }}</p>
            </div>
            <div class="ui-card__body">
              <label class="ui-field">
                <span class="ui-field__label">{{ _('选择 ZIP 文件') }}</span>
                <input type="file" name="file" accept=".zip" class="ui-field__control">
              </label>
            </div>
          </div>
          <div class="ui-card ui-card--muted">
            <div class="ui-card__header">
              <h2 class="ui-card__title">{{ _('课程包 JSON（兼容旧格式）') }}</h2>
              <p class="ui-card__description">{{ _('JSON 不携带题目本体，只导入课程包结构。') }}</p>
            </div>
            <div class="ui-card__body">
              <label class="ui-field">
                <span class="ui-field__label">{{ _('JSON 内容') }}</span>
                <textarea name="payload" class="textbox ui-field__control course-package-ui__markdown course-package-ui__markdown--import"></textarea>
              </label>
            </div>
          </div>
        </div>
        <div class="ui-actions ui-actions--start">
          <button type="submit" class="rounded primary button">{{ _('Import') }}</button>
          <a class="rounded button" href="{{ url('course_package_main') }}">{{ _('Cancel') }}</a>
        </div>
      </form>
    </div>
  </div>
</main>
{% endblock %}