{% import "components/user.html" as user with context %}
{% import "components/ui/v1.html" as ui_v1 %}
{% extends "layout/basic.html" %}
{% block content %}
<main class="course-package-ui ui-page ui-page--padded ui-page--compact-type ui-stack ui-stack--lg">
  {% call ui_v1.page_header(cpdoc.title, vpdoc.title ~ ' · ' ~ vpdoc.version) %}
    <div class="ui-actions">
      {% if cpdoc.hidden %}{{ ui_v1.badge(_('课程包已隐藏'), 'warning') }}{% endif %}
      {% if vpdoc.hidden %}{{ ui_v1.badge(_('版本已隐藏'), 'warning') }}{% endif %}
      <a class="rounded button ui-print-hidden" href="{{ url('course_package_detail', cpid=cpdoc.docId) }}">{{ _('返回课程包') }}</a>
      {% if canManage %}<a class="rounded primary button ui-print-hidden" href="{{ url('course_package_version_edit', cpid=cpdoc.docId, vid=vpdoc.docId) }}"><span class="icon icon-edit" aria-hidden="true"></span>{{ _('Edit') }}</a>{% endif %}
    </div>
  {% endcall %}

  <div class="ui-split">
    <div class="ui-stack ui-stack--lg">
      {% if handler.request.query.videoSync == 'done' %}
      {{ ui_v1.alert(_('课程视频同步完成：扫描 {0} 节，补齐 {1} 个旧复制映射，匹配 {2} 个复制小节，更新 {3} 个绑定，清空 {4} 个绑定。').format(handler.request.query.videoSyncLessons|default('0'), handler.request.query.videoSyncBackfilled|default('0'), handler.request.query.videoSyncTargets|default('0'), handler.request.query.videoSyncSynced|default('0'), handler.request.query.videoSyncCleared|default('0')), none, 'success') }}
      {% endif %}
      {% if handler.request.query.problemCleanup == 'done' %}
      {{ ui_v1.alert(_('已清理 {0} 个已删除的题目引用。').format(handler.request.query.removed|default('0')), none, 'success') }}
      {% elif handler.request.query.problemCleanup == 'none' %}
      {{ ui_v1.alert(_('没有发现可以自动清理的已删除题目引用。'), none, 'neutral') }}
      {% endif %}

      {% if problemHealth and not problemHealth.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 problemHealth.missingPids.length %}
          <p>{{ _('题目已删除：') }}{% for pid in problemHealth.missingPids %}P{{ pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>
          {% endif %}
          {% if problemHealth.brokenReferences.length %}
          <p>{{ _('引用源已失效：') }}{% for item in problemHealth.brokenReferences %}P{{ item.pid }}{% if not loop.last %}、{% endif %}{% endfor %}</p>
          {% endif %}
          <p>{{ _('版本详情仍可查看；复制、导出和创建比赛会在开始前停止，避免产生不完整数据。') }}</p>
          {% if canManage and problemHealth.missingPids.length %}
          <form method="post" class="ui-print-hidden">
            <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
            <input type="hidden" name="operation" value="cleanup_invalid_problems">
            <button type="submit" class="rounded button">{{ _('清理已删除的题目引用') }}</button>
          </form>
          {% endif %}
        </div>
      </div>
      {% endif %}

      <article class="ui-panel ui-panel--continuous" aria-labelledby="course-package-version-content-title">
        <header class="ui-panel__header">
          <div class="ui-stack ui-stack--xs">
            <div class="ui-cluster ui-cluster--between">
              <h2 id="course-package-version-content-title" class="ui-panel__title">{{ vpdoc.title }}</h2>
              {{ ui_v1.badge(vpdoc.version, 'neutral') }}
            </div>
            <div class="ui-meta">
              <span>{{ _('Created By') }}: {{ user.render_inline(udoc, badge=false) }}</span>
              <span>{{ summary.chapterCount }} {{ _('章') }}</span>
              <span>{{ summary.lessonCount }} {{ _('节') }}</span>
              <span>{{ summary.problemCount }} {{ _('题目') }}</span>
            </div>
          </div>
        </header>
        <div class="ui-panel__body ui-stack ui-stack--lg">
          {% if vpdoc.content %}<div class="typo richmedia ui-prose">{{ vpdoc.content|markdown|safe }}</div>{% endif %}

          {% if not chapters.length %}
          {% call ui_v1.empty_state(_('这个版本还没有章。')) %}
            {% if canManage %}<a class="rounded primary button ui-print-hidden" href="{{ url('course_package_chapter_create', cpid=cpdoc.docId, vid=vpdoc.docId) }}">{{ _('创建第一章') }}</a>{% endif %}
          {% endcall %}
          {% else %}
          <ol class="ui-item-list">
            {% for chapter in chapters %}
            <li id="chapter-{{ chapter.id }}" class="ui-item-list__item" aria-labelledby="chapter-{{ chapter.id }}-title">
              <section class="ui-item-list__content ui-stack">
                <header class="ui-stack ui-stack--xs">
                  <div class="ui-cluster ui-cluster--between">
                    <h3 id="chapter-{{ chapter.id }}-title" class="ui-panel__title">
                      {{ ui_v1.badge(loop.index, 'neutral') }}
                      <span>{{ chapter.title }}</span>
                      {% if chapter.hidden %}{{ ui_v1.badge(_('已隐藏'), 'warning') }}{% endif %}
                    </h3>
                    <div class="ui-meta">
                      <span>{{ chapter.lessons.length }} {{ _('节') }}</span>
                      {% if chapter.lecturePids and chapter.lecturePids.length %}<span>{{ chapter.lecturePids.length }} {{ _('道讲义') }}</span>{% endif %}
                    </div>
                  </div>
                  <div class="ui-actions ui-actions--start ui-print-hidden">
                    <a class="rounded button" href="{{ url('course_package_chapter_preview', cpid=cpdoc.docId, vid=vpdoc.docId, chapterId=chapter.id) }}">{{ _('预览') }}</a>
                    {% if canManage %}
                    <a class="rounded primary button" href="{{ url('course_package_chapter_edit', cpid=cpdoc.docId, vid=vpdoc.docId, chapterId=chapter.id) }}"><span class="icon icon-edit" aria-hidden="true"></span>{{ _('编辑章') }}</a>
                    <a class="rounded button" href="{{ url('course_package_lesson_create', cpid=cpdoc.docId, vid=vpdoc.docId, chapterId=chapter.id) }}"><span class="icon icon-add" aria-hidden="true"></span>{{ _('创建节') }}</a>
                    <form method="post">
                      <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                      <input type="hidden" name="operation" value="toggle_chapter_hidden">
                      <input type="hidden" name="chapterId" value="{{ chapter.id }}">
                      <button type="submit" class="rounded button"><span class="icon icon-{{ 'check' if chapter.hidden else 'security' }}" aria-hidden="true"></span>{{ _('显示章') if chapter.hidden else _('隐藏章') }}</button>
                    </form>
                    {% endif %}
                    {% if canCopy %}<a class="rounded button" href="{{ url('course_package_copy', cpid=cpdoc.docId, vid=vpdoc.docId, query={mode:'chapter', nodeId:chapter.id}) }}"><span class="icon icon-copy" aria-hidden="true"></span>{{ _('复制本章') }}</a>{% endif %}
                  </div>
                </header>

                {% if chapter.content %}<div class="typo richmedia ui-prose">{{ chapter.content|markdown|safe }}</div>{% endif %}

                {% if chapter.lecturePids and chapter.lecturePids.length %}
                <div class="ui-cluster ui-cluster--xs">
                  <strong>{{ _('讲义') }}:</strong>
                  {% for pid in chapter.lecturePids %}
                  <span class="ui-badge ui-badge--{% if problemHealth.issueByPid[pid] %}danger{% else %}neutral{% endif %}">P{{ pid }}{% if problemHealth.issueByPid[pid] %} · {{ _('已失效') }}{% endif %}</span>
                  {% endfor %}
                </div>
                {% endif %}

              </section>
            </li>
            {% endfor %}
          </ol>
          {% endif %}
        </div>
      </article>
    </div>

    <aside class="ui-sidebar ui-print-hidden">
      {% if canManage or canCopy or canExport or handler.user.hasPriv(PRIV.PRIV_EDIT_SYSTEM) %}
      <section class="ui-panel">
        <header class="ui-panel__header"><h2 class="ui-panel__title">{{ _('版本操作') }}</h2></header>
        <div class="ui-panel__body">
          <nav aria-label="{{ _('版本操作') }}">
            <ol class="ui-nav-list">
              {% if canManage %}
              <li class="ui-nav-list__item">
                <form method="post" class="ui-nav-list__form">
                  <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                  <input type="hidden" name="operation" value="toggle_version_hidden">
                  <button type="submit" class="ui-nav-list__link"><span class="icon icon-{{ 'check' if vpdoc.hidden else 'security' }}" aria-hidden="true"></span><span>{{ _('显示版本') if vpdoc.hidden else _('隐藏版本') }}</span></button>
                </form>
              </li>
              <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ url('course_package_chapter_create', cpid=cpdoc.docId, vid=vpdoc.docId) }}"><span class="icon icon-add" aria-hidden="true"></span><span>{{ _('创建章') }}</span></a></li>
              <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ url('course_package_structure_order', cpid=cpdoc.docId, vid=vpdoc.docId) }}"><span class="icon icon-sliders" aria-hidden="true"></span><span>{{ _('调整章/节顺序') }}</span></a></li>
              {% endif %}
              {% if handler.user.hasPriv(PRIV.PRIV_EDIT_SYSTEM) %}
              <li class="ui-nav-list__item">
                <form method="post" class="ui-nav-list__form" action="{{ url('course_video_package_sync') }}">
                  <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
                  <input type="hidden" name="sourceDomainId" value="{{ handler.domain._id }}">
                  <input type="hidden" name="packageId" value="{{ cpdoc.docId }}">
                  <input type="hidden" name="versionId" value="{{ vpdoc.docId }}">
                  <button type="submit" class="ui-nav-list__link"><span class="icon icon-refresh" aria-hidden="true"></span><span>{{ _('同步课程视频') }}</span></button>
                </form>
              </li>
              {% endif %}
              {% if canCopy %}<li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ url('course_package_copy', cpid=cpdoc.docId, vid=vpdoc.docId, query={mode:'package'}) }}"><span class="icon icon-copy" aria-hidden="true"></span><span>{{ _('复制整个课程包') }}</span></a></li>{% endif %}
              {% if canExport %}<li class="ui-nav-list__item"><a class="ui-nav-list__link" href="{{ url('course_package_export', cpid=cpdoc.docId, vid=vpdoc.docId) }}"><span class="icon icon-download" aria-hidden="true"></span><span>{{ _('导出课程包 ZIP') }}</span></a></li>{% endif %}
            </ol>
          </nav>
        </div>
      </section>
      {% endif %}

      {% if chapters.length %}
      <section class="ui-panel">
        <header class="ui-panel__header"><h2 class="ui-panel__title">{{ _('结构') }}</h2></header>
        <div class="ui-panel__body">
          <nav aria-label="{{ _('课程包结构') }}">
            <ol class="ui-nav-list">
              {% for chapter in chapters %}
              <li class="ui-nav-list__item"><a class="ui-nav-list__link" href="#chapter-{{ chapter.id }}">{{ ui_v1.badge(loop.index, 'neutral') }}<span>{{ chapter.title }}</span></a></li>
              {% endfor %}
            </ol>
          </nav>
        </div>
      </section>
      {% endif %}

      <section class="ui-panel">
        <header class="ui-panel__header"><h2 class="ui-panel__title">{{ _('版本信息') }}</h2></header>
        <div class="ui-panel__body">
          <div class="ui-meta">
            <span>{{ _('Created By') }}: {{ user.render_inline(udoc, badge=false) }}</span>
            <span>{{ _('章') }}: {{ summary.chapterCount }}</span>
            <span>{{ _('节') }}: {{ summary.lessonCount }}</span>
            <span>{{ _('题目') }}: {{ summary.problemCount }}</span>
            <span>{{ _('版本定位') }}: {{ _('内容快照') }}</span>
          </div>
        </div>
      </section>
    </aside>
  </div>
</main>
{% endblock %}