{% import "partials/course_visibility_toggle.html" as vis with context %}
{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
{{ set(UiContext, 'cid', cdoc.docId) }}
<div class="ui-page ui-page--padded course-ui-page">
  <div class="ui-split course-ui-layout">
    <main class="ui-stack">
      <section class="ui-hero course-ui__hero">
        <div class="ui-hero__content">
          <h1 class="ui-hero__title"><a href="{{ url('course_detail', cid=cdoc.docId) }}">{{ cdoc['title'] }}</a>{{ vis.badge(cdoc) }}</h1>
        </div>
      </section>
      {% if cdoc.content %}
      <section class="ui-panel">
        <div class="ui-panel__body typo richmedia course-ui__content">
          {{ cdoc.content|default('')|markdown|safe }}
        </div>
      </section>
      {% endif %}
      <section class="ui-panel course-bulk-section">
        <header class="ui-panel__header ui-toolbar ui-toolbar--flush">
          <h2 class="ui-panel__title">{{ _('Section List') }}</h2>
          <div class="ui-actions">
            <button class="button rounded" type="button" data-course-bulk-action="expand">
              <span class="icon icon-expand_more"></span> {{ _('Expand All Sections') }}
            </button>
            <button class="button rounded" type="button" data-course-bulk-action="collapse">
              <span class="icon icon-expand_less"></span> {{ _('Collapse All Sections') }}
            </button>
          </div>
        </header>
        {% include "partials/course_detail.html" %}
      </section>
    </main>
    <aside class="ui-sidebar ui-sidebar--flow" data-course-sidebar>
      {% set courseDetailResults = findSubModule('partials/course/detail/results/') %}
      {% if courseDetailResults.length %}
      <section class="ui-panel section side course-side-results">
        <header class="ui-panel__header section__header">
          <h2 class="ui-panel__title section__title"><span class="icon icon-statistics"></span> {{ _('Scoreboard') }}</h2>
        </header>
        <ol class="menu course-side-results-menu course-ui__side-menu">
          {% for page in courseDetailResults %}{% include page %}{% endfor %}
        </ol>
      </section>
      {% endif %}
      <section class="ui-panel section side course-side-actions-panel" data-course-sidebar-actions>
        <div>
          <ol class="menu course-side-actions-menu course-ui__side-menu">
          {% if not canEdit and not cstdoc['enroll'] and handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
            <li class="menu__item">
              <form action="" method="POST">
                <input type="hidden" name="operation" value="enroll">
                <button class="menu__link course-ui__side-link" type="submit">
                  <span class="icon icon-add"></span> {{ _('Enroll Course') }}
                </button>
              </form>
            </li>
          {% endif %}
          {% if canEdit %}
            <li class="menu__item"><a class="menu__link course-ui__side-link" href="{{ url('course_edit', cid=cdoc.docId) }}">
              <span class="icon icon-edit"></span>  {{ _('Edit') }}
            </a></li>
            <li class="menu__item"><a class="menu__link course-ui__side-link" href="{{ url('course_section_create', cid=cdoc.docId) }}">
              <span class="icon icon-edit"></span> {{ _('Create Section') }}
            </a></li>
          {% endif %}
            {% for page in findSubModule('partials/course/detail/actions/') %}{% include page %}{% endfor %}
            <li class="menu__seperator"></li>
          </ol>
        </div>
        <div class="ui-panel__body section__body typo">
          <dl class="course-ui__metadata">
            <dt>{{ _('Created By') }}</dt>
            <dd>{{ user.render_inline(udoc, badge=false) }}</dd>
          </dl>
        </div>
      </section>
      <section class="ui-panel section side">
        <ol class="menu course-ui__side-menu">
          {{ sidemenu.render_item('list', 'course_detail', {cid:cdoc.docId}, label='sections_list', menu_item='course_detail') }}
        </ol>
      </section>
      {% include "partials/course_enroll_cleanup.html" %}
    </aside>
  </div>
</div>
{% endblock %}