{% 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(chapter.title, cpdoc.title ~ ' · ' ~ vpdoc.version) %}
    {% if chapter.hidden %}{{ ui_v1.badge(_('已隐藏'), 'warning') }}{% endif %}
    <a class="rounded button ui-print-hidden" href="{{ url('course_package_version_detail', cpid=cpdoc.docId, vid=vpdoc.docId) }}#chapter-{{ chapter.id }}">{{ _('返回章节目录') }}</a>
    {% if canManage %}<a class="rounded primary button ui-print-hidden" href="{{ url('course_package_chapter_edit', cpid=cpdoc.docId, vid=vpdoc.docId, chapterId=chapter.id) }}">{{ _('编辑章') }}</a>{% endif %}
    {% if canCopy %}<a class="rounded button ui-print-hidden" href="{{ url('course_package_copy', cpid=cpdoc.docId, vid=vpdoc.docId, query={mode:'chapter', nodeId:chapter.id}) }}">{{ _('复制本章') }}</a>{% endif %}
  {% endcall %}
  {% if chapter.content or chapter.lecturePids.length %}
  <article class="ui-panel ui-panel--continuous">
    <header class="ui-panel__header"><h2 class="ui-panel__title">{{ _('章节内容') }}</h2></header>
    <div class="ui-panel__body ui-stack">
      {% if chapter.content %}<div class="typo richmedia ui-prose">{{ chapter.content|markdown|safe }}</div>{% endif %}
      {% if chapter.lecturePids.length %}
      <div class="ui-cluster">
        <strong>{{ _('讲义') }}:</strong>
        {% for pid in chapter.lecturePids %}<a class="ui-badge ui-badge--neutral" href="{{ url('problem_detail', pid=pid) }}">P{{ pid }}</a>{% endfor %}
      </div>
      {% endif %}
    </div>
  </article>
  {% endif %}
  {% include 'components/course_package_lessons.html' %}
</main>
{% endblock %}