{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
<main class="course-package-ui course-package-copy ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {{ ui_v1.page_header(_('复制到课程')) }}
  <div class="ui-split">
    <div class="ui-panel">
      <div class="ui-panel__body ui-stack">
        <p class="ui-muted">{{ _('目标子域题目使用 Hydro 原生复制能力，并将小节题号改写为目标子域题号。权限不足时题解会安全跳过，不影响课程和题目复制。') }}</p>

        {% if sourceHealth and not sourceHealth.ok %}
        <div class="ui-alert ui-alert--danger" role="alert">
          <div class="ui-alert__title">{{ _('当前选择包含失效题目，暂时不能复制。') }}</div>
          <div class="ui-alert__body ui-stack ui-stack--xs">
            {% if sourceHealth.missingPids.length %}<p>{{ _('题目已删除：') }}{% for pid in sourceHealth.missingPids %}P{{ pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>{% endif %}
            {% if sourceHealth.brokenReferences.length %}<p>{{ _('引用源已失效：') }}{% for item in sourceHealth.brokenReferences %}P{{ item.pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>{% endif %}
            <p>{{ _('请先返回版本详情清理或替换后重试。') }}</p>
          </div>
        </div>
        {% endif %}

        <form method="post"
              class="ui-stack"
              data-course-package-copy-form
              data-copy-mode="{{ mode }}"
              data-source-ready="{{ '1' if sourceHealth.ok else '0' }}"
              data-can-create-course="{{ '1' if canCreateCourse else '0' }}"
              data-target-options-url="{{ url('course_package_copy_targets', cpid=cpdoc.docId, vid=vpdoc.docId) }}">
          <div class="course-package-ui__step-list ui-stack">
            <section class="ui-card course-package-ui__step">
              <header class="ui-card__header">
                <h2 class="ui-card__title course-package-ui__step-title">{{ _('选择目标子域') }}</h2>
              </header>
              <div class="ui-card__body ui-stack ui-stack--sm">
                <label class="ui-field">
                  <span class="ui-field__label">{{ _('目标子域') }}</span>
                  <select name="targetDomainId" class="select ui-field__control" data-target-domain>
                    {% for ddoc in domains %}
                    <option value="{{ ddoc._id }}"{% if ddoc._id == targetDomainId %} selected{% endif %}>{{ ddoc._id }}{% if ddoc.name %} - {{ ddoc.name }}{% endif %}</option>
                    {% endfor %}
                  </select>
                </label>
                <span class="course-package-ui__status ui-field__help" data-target-status aria-live="polite" aria-atomic="true"></span>
              </div>
            </section>

            <section class="ui-card course-package-ui__step">
              <header class="ui-card__header">
                <h2 id="course-package-target-mode-heading" class="ui-card__title course-package-ui__step-title">{{ _('选择课程写入方式') }}</h2>
              </header>
              <div class="ui-card__body ui-stack">
                <fieldset class="course-package-ui__choice-group ui-grid ui-grid--2" aria-labelledby="course-package-target-mode-heading">
                  <label class="course-package-ui__choice">
                    <input type="radio" name="targetMode" value="existing" data-target-mode{% if courses.length %} checked{% else %} disabled{% endif %}>
                    <span class="ui-field">
                      <span class="ui-field__label">{{ _('写入已有课程') }} <span data-ui-help-anchor="course-package-copy-help-0"></span></span>
                      <span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-0" class="ui-field__help">{{ _('整包替换所选课程全部章节；章和节可选择对应位置进行替换。') }}</span>
                    </span>
                  </label>
                  <label class="course-package-ui__choice">
                    <input type="radio" name="targetMode" value="create" data-target-mode{% if not courses.length and canCreateCourse %} checked{% endif %}{% if not canCreateCourse %} disabled{% endif %}>
                    <span class="ui-field">
                      <span class="ui-field__label">{{ _('新建课程') }} <span data-ui-help-anchor="course-package-copy-help-1"></span></span>
                      <span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-1" class="ui-field__help">{{ _('填写课程名称，并在需要时填写新章节名称。') }}</span>
                    </span>
                  </label>
                </fieldset>

                <p class="ui-muted" data-no-target-courses{% if courses.length %} hidden{% endif %}>{{ _('所选子域暂无课程，请新建课程。') }}</p>

                <div data-existing-course-fields{% if not courses.length %} hidden{% endif %}>
                  <label class="ui-field">
                    <span class="ui-field__label">{{ _('目标课程') }}</span>
                    <select name="targetCourseId" class="select ui-field__control" data-target-course{% if courses.length %} required{% endif %}>
                      {% for course in courses %}
                      <option value="{{ course.docId }}"{% if course.docIdText == targetCourseIdText %} selected{% endif %}>{{ course.title }}</option>
                      {% endfor %}
                    </select>
                  </label>
                </div>

                <div class="ui-stack" data-new-course-fields{% if courses.length or not canCreateCourse %} hidden{% endif %}>
                  <div class="ui-grid ui-grid--2">
                    <label class="ui-field">
                      <span class="ui-field__label">{{ _('新课程标题') }}</span>
                      <input name="newCourseTitle" value="{{ defaultCourseTitle }}" class="textbox ui-field__control" data-new-course-title{% if not courses.length and canCreateCourse %} required{% endif %}>
                    </label>
                    <label class="ui-field">
                      <span class="ui-field__label">{{ _('Pin') }}</span>
                      <input name="newCoursePin" value="0" class="textbox ui-field__control">
                    </label>
                  </div>
                  <label class="ui-field">
                    <span class="ui-field__label">{{ _('新课程说明') }}</span>
                    <textarea name="newCourseContent" class="textbox ui-field__control course-package-ui__markdown course-package-ui__markdown--short" data-markdown>{{ cpdoc.content|default('') }}</textarea>
                  </label>
                </div>
              </div>
            </section>

            <section class="ui-card course-package-ui__step" data-target-placement>
              <header class="ui-card__header">
                <h2 id="course-package-target-position-heading" class="ui-card__title course-package-ui__step-title">{% if mode == 'package' %}{{ _('确认复制位置') }}{% else %}{{ _('选择课程章节') }}{% endif %}</h2>
              </header>
              <div class="ui-card__body ui-stack">
                {% if mode == 'package' %}
                <p class="ui-muted">{{ _('写入已有课程时，将删除其原有全部章节和小节，替换为当前课程包内容。课程及报名关系保留。') }}</p>
                <input type="hidden" name="targetPosition" value="root">
                {% else %}
                <fieldset class="course-package-ui__choice-group ui-stack" aria-labelledby="course-package-target-position-heading">
                {% if mode == 'chapter' %}
                <label class="course-package-ui__choice" data-new-section-choice>
                  <input type="radio" name="targetPosition" value="root" checked data-target-position>
                  <span class="ui-field"><span class="ui-field__label">{{ _('新建课程章节') }} <span data-ui-help-anchor="course-package-copy-help-2"></span></span><span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-2" class="ui-field__help">{{ _('在所选课程中创建一个新章节。') }}</span></span>
                </label>
                <div data-new-section-fields>
                  <label class="ui-field"><span class="ui-field__label">{{ _('新课程章节名称') }}</span><input name="newSectionTitle" value="{{ defaultSectionTitle }}" class="textbox ui-field__control" data-new-section-title required></label>
                </div>
                <label class="course-package-ui__choice" data-existing-section-choice{% if not sections.length %} hidden{% endif %}>
                  <input type="radio" name="targetPosition" value="section" data-target-position{% if not sections.length %} disabled{% endif %}>
                  <span class="ui-field"><span class="ui-field__label">{{ _('替换已有课程章节') if mode == 'chapter' else _('选择已有课程章节') }} <span data-ui-help-anchor="course-package-copy-help-3"></span></span><span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-3" class="ui-field__help">{{ _('替换所选章的标题、说明和全部小节，其他章保持不变。') }}</span></span>
                </label>
                <div data-existing-section-fields hidden>
                  <label class="ui-field"><span class="ui-field__label">{{ _('目标课程章节') }}</span><select name="targetSectionId" class="select ui-field__control" data-target-section>{% for section in sections %}<option value="{{ section.docId }}">{{ section.title }}</option>{% endfor %}</select></label>
                </div>
                {% elif mode == 'lesson' %}
                <label class="course-package-ui__choice" data-existing-section-choice{% if not sections.length %} hidden{% endif %}>
                  <input type="radio" name="targetPosition" value="section" data-target-position{% if sections.length %} checked{% else %} disabled{% endif %}>
                  <span class="ui-field"><span class="ui-field__label">{{ _('替换已有课程章节') if mode == 'chapter' else _('选择已有课程章节') }} <span data-ui-help-anchor="course-package-copy-help-4"></span></span><span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-4" class="ui-field__help">{{ _('选择目标小节进行替换，或明确选择新增小节。其他小节保持不变。') }}</span></span>
                </label>
                <div data-existing-section-fields{% if not sections.length %} hidden{% endif %}>
                  <label class="ui-field"><span class="ui-field__label">{{ _('目标课程章节') }}</span><select name="targetSectionId" class="select ui-field__control" data-target-section{% if sections.length %} required{% endif %}>{% for section in sections %}<option value="{{ section.docId }}">{{ section.title }}</option>{% endfor %}</select></label>
                </div>
                <div data-target-lesson-fields>
                  <label class="ui-field">
                    <span class="ui-field__label">{{ _('目标小节') }}</span>
                    <select name="targetSubSectionId" class="select ui-field__control" data-target-lesson>
                      <option value="">{{ _('新增小节（不替换）') }}</option>
                      {% for section in sections %}{% for lesson in section.lessons %}
                      <option value="{{ lesson.docId }}" data-section-id="{{ section.docId }}">{{ lesson.title }}</option>
                      {% endfor %}{% endfor %}
                    </select>
                  </label>
                </div>
                <label class="course-package-ui__choice" data-new-section-choice>
                  <input type="radio" name="targetPosition" value="new_section" data-target-position{% if not sections.length %} checked{% endif %}>
                  <span class="ui-field"><span class="ui-field__label">{{ _('新建课程章节') }} <span data-ui-help-anchor="course-package-copy-help-5"></span></span><span data-ui-help="复制位置说明" data-ui-help-for="course-package-copy-help-5" class="ui-field__help">{{ _('先创建章节，再把当前小节放入其中。') }}</span></span>
                </label>
                <div data-new-section-fields{% if sections.length %} hidden{% endif %}>
                  <label class="ui-field"><span class="ui-field__label">{{ _('新课程章节名称') }}</span><input name="newSectionTitle" value="{{ defaultSectionTitle }}" class="textbox ui-field__control" data-new-section-title{% if not sections.length %} required{% endif %}></label>
                </div>
                {% endif %}
                </fieldset>
                {% endif %}
              </div>
            </section>
          </div>
          <p class="ui-alert ui-alert--warning" data-replace-warning hidden>{{ _('替换会删除目标位置的旧内容，并写入当前版本；题库题目和视频文件不会被删除。') }}</p>
          <div class="ui-actions ui-actions--start">
            <button type="submit" class="rounded primary button" data-copy-submit{% if not sourceHealth.ok %} disabled{% endif %}>{{ _('复制') }}</button>
            <a class="rounded button" href="{{ url('course_package_version_detail', cpid=cpdoc.docId, vid=vpdoc.docId) }}">{{ _('Cancel') }}</a>
          </div>
          <input type="hidden" name="mode" value="{{ mode }}">
          <input type="hidden" name="nodeId" value="{{ nodeId }}">
        </form>
      </div>
    </div>
    <aside class="ui-sidebar">
      <section 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 class="ui-panel__description">{{ cpdoc.title }} / {{ vpdoc.version }}</p>
          <p class="ui-panel__description">{{ selectionTitle }}</p>
          <p class="ui-muted">{{ modeLabel }}</p>
          {{ ui_v1.stat(selectedProblemCount, _('Hydro复制题')) }}
        </div>
      </section>
    </aside>
  </div>
</main>
{% endblock %}