{% extends "manage_base.html" %}
{% import "components/ui/v1.html" as ui_v1 %}
{% block manage_content %}
{% set ready = sourceDomainId and packageId and versionId and chapterId and lessonId and targetDomainId and targetCourseId and targetSectionId and targetSubSectionId %}
<main class="course-package-ui course-package-video-link ui-page ui-page--padded ui-page--compact-type ui-stack">
  <div class="section">
    <div class="section__header ui-cluster ui-cluster--between">
      <h1 class="section__title">补建课程包节视频同步关系</h1>
      <div class="ui-actions">
        <a class="rounded button" href="{{ url('course_video_main') }}">返回视频库</a>
      </div>
    </div>
    <div class="section__body">
      {% if message == 'synced' %}
        <p class="ui-alert ui-alert--info">映射已建立，并已同步当前课程包节视频绑定。</p>
      {% elif message == 'recorded' %}
        <p class="ui-alert ui-alert--info">映射已建立。当前课程包节没有绑定视频，目标课程小节已保持未绑定状态。</p>
      {% endif %}
      {% if not packagePluginReady %}
        <p class="ui-alert ui-alert--info">课程包模块尚未就绪，暂时无法补建同步关系。</p>
      {% else %}
        <form method="get" class="ui-stack" id="course-video-package-link-picker">
          <div class="ui-grid ui-grid--2">
            <div class="ui-panel ui-panel__body ui-stack">
              <h2 class="ui-panel__title">来源课程包节</h2>
              <label class="ui-field">
                来源域
                <select class="select" name="sourceDomainId" data-auto-submit>
                  {% for domain in domains %}
                    <option value="{{ domain.id }}" {% if sourceDomainId == domain.id %}selected{% endif %}>{{ domain.id }}{% if domain.name and domain.name != domain.id %} / {{ domain.name }}{% endif %}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                课程包
                <select class="select" name="packageId" data-auto-submit>
                  <option value="">请选择课程包</option>
                  {% for item in packages %}
                    <option value="{{ item.docIdText }}" {% if packageId == item.docIdText %}selected{% endif %}>{{ item.title }} / {{ item.docIdText }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                版本
                <select class="select" name="versionId" data-auto-submit>
                  <option value="">请选择版本</option>
                  {% for item in versions %}
                    <option value="{{ item.docIdText }}" {% if versionId == item.docIdText %}selected{% endif %}>{{ item.version or item.title }} / {{ item.docIdText }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                章
                <select class="select" name="chapterId" data-auto-submit>
                  <option value="">请选择章</option>
                  {% for item in chapters %}
                    <option value="{{ item.id }}" {% if chapterId == item.id %}selected{% endif %}>{{ item.title }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                节
                <select class="select" name="lessonId" data-auto-submit>
                  <option value="">请选择节</option>
                  {% for item in lessons %}
                    <option value="{{ item.id }}" {% if lessonId == item.id %}selected{% endif %}>{{ item.title }}</option>
                  {% endfor %}
                </select>
              </label>
            </div>

            <div class="ui-panel ui-panel__body ui-stack">
              <h2 class="ui-panel__title">目标课程小节</h2>
              <label class="ui-field">
                目标域
                <select class="select" name="targetDomainId" data-auto-submit>
                  {% for domain in domains %}
                    <option value="{{ domain.id }}" {% if targetDomainId == domain.id %}selected{% endif %}>{{ domain.id }}{% if domain.name and domain.name != domain.id %} / {{ domain.name }}{% endif %}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                目标课程
                <select class="select" name="targetCourseId" data-auto-submit>
                  <option value="">请选择课程</option>
                  {% for item in targetCourses %}
                    <option value="{{ item.docIdText }}" {% if targetCourseId == item.docIdText %}selected{% endif %}>{{ item.title }} / {{ item.docIdText }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                目标章
                <select class="select" name="targetSectionId" data-auto-submit>
                  <option value="">请选择章</option>
                  {% for item in targetSections %}
                    <option value="{{ item.docIdText }}" {% if targetSectionId == item.docIdText %}selected{% endif %}>{{ item.title }} / {{ item.docIdText }}</option>
                  {% endfor %}
                </select>
              </label>
              <label class="ui-field">
                目标小节
                <select class="select" name="targetSubSectionId" data-auto-submit>
                  <option value="">请选择小节</option>
                  {% for item in targetSubSections %}
                    <option value="{{ item.id }}" {% if targetSubSectionId == item.id %}selected{% endif %}>{{ item.title }} / {{ item.id }}</option>
                  {% endfor %}
                </select>
              </label>
            </div>
          </div>
          <button class="rounded button" type="submit">更新选择</button>
        </form>

        <form method="post" class="ui-actions ui-actions--start">
          <input type="hidden" name="sourceDomainId" value="{{ sourceDomainId }}">
          <input type="hidden" name="packageId" value="{{ packageId }}">
          <input type="hidden" name="versionId" value="{{ versionId }}">
          <input type="hidden" name="chapterId" value="{{ chapterId }}">
          <input type="hidden" name="lessonId" value="{{ lessonId }}">
          <input type="hidden" name="targetDomainId" value="{{ targetDomainId }}">
          <input type="hidden" name="targetCourseId" value="{{ targetCourseId }}">
          <input type="hidden" name="targetSectionId" value="{{ targetSectionId }}">
          <input type="hidden" name="targetSubSectionId" value="{{ targetSubSectionId }}">
          <button class="rounded primary button" type="submit" {% if not ready %}disabled{% endif %}>建立关系并立即同步</button>
          {% if not ready %}<span class="ui-alert ui-alert--info">请先完整选择来源课程包节和目标课程小节。</span>{% endif %}
        </form>
      {% endif %}
    </div>
  </div>
</main>
{% endblock %}