{% import "partials/course_visibility_toggle.html" as vis with context %}
{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
{{ set(UiContext, 'csid', csdoc.docId) }}
<div class="row course-ui-page" data-sticky-parent>
  <div class="medium-9 columns ui-stack">
    <div class="section ui-panel">
      <div class="section__header">
          <h1 class="section__title"><a href="{{ url('course_section_detail', cid=cdoc.docId, csid=csdoc.docId) }}">{{ csdoc['title'] }}</a>{{ vis.badge(csdoc) }}</h1>
      </div>
    </div>
    {% if csdoc.content %}
      <div class="section ui-panel">
        <div class="section__body typo richmedia course-ui__content">
          {{ csdoc.content|default('')|markdown|safe }}
        </div>
      </div>
    {% endif %}
    <div class="section ui-panel course-bulk-section">
      <div class="section__header">
        <h2 class="section__title">{{ _('Subsection List') }}</h2>
      </div>
      {% include "partials/course_section_detail.html" %}
    </div>
  </div>
  <div class="medium-3 columns ui-stack course-sidebar" data-course-sidebar>
    {% set courseSectionResults = findSubModule('partials/course/section/detail/results/') %}
    {% if canEdit or courseSectionResults.length %}
    <div class="section side ui-panel course-side-results">
      <div class="section__header">
        <h1 class="section__title"><span class="icon icon-statistics"></span> {{ _('Scoreboard') }}</h1>
      </div>
      <ol class="menu course-side-results-menu course-ui__side-menu">
        {% if canEdit %}
        <li class="menu__item course-side-primary-result"><a class="menu__link course-ui__side-link" href="{{ url('course_section_scoreboard', cid=cdoc.docId, csid=csdoc.docId) }}">
          <span class="icon icon-statistics"></span>  {{ _('Scoreboard') }}
        </a></li>
        {% endif %}
        {% for page in courseSectionResults %}{% include page %}{% endfor %}
      </ol>
    </div>
    {% endif %}
    <div class="section side ui-panel course-side-actions-panel">
      <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 %}
          <li class="menu__item"><a class="menu__link course-ui__side-link" href="{{ url('course_detail', cid=cdoc.docId) }}">
            <span class="icon icon-award"></span> {{ _('View Course') }}
          </a></li>
        {% if canEdit %}
          <li class="menu__item"><a class="menu__link course-ui__side-link" href="{{ url('course_section_edit', cid=cdoc.docId, csid=csdoc.docId) }}">
            <span class="icon icon-edit"></span>  {{ _('Edit Section') }}
          </a></li>
          <li class="menu__item"><a class="menu__link course-ui__side-link" href="{{ url('course_subsec_create', cid=cdoc.docId, csid=csdoc.docId) }}">
            <span class="icon icon-edit"></span>  {{ _('New Subsection') }}
          </a></li>
        {% endif %}
          {% for page in findSubModule('partials/course/section/detail/actions/') %}{% include page %}{% endfor %}
          <li class="menu__seperator"></li>
        </ol>
      </div>
      <div class="section__body typo">
        <dl class="course-ui__metadata">
            <dt>{{ _('Belongs to') }}</dt>
            <dd><a href="{{ url('course_detail', cid=cdoc.docId) }}">{{ cdoc.title }}</a></dd>
        </dl>
        <dl class="course-ui__metadata">
          <dt>{{ _('Created By') }}</dt>
          <dd>{{ user.render_inline(udoc, badge=false) }}</dd>
        </dl>
      </div>
    </div>
    <div class="section side ui-panel">
      <ol class="menu course-ui__side-menu">
        {{ sidemenu.render_item('list', 'course_section_detail', {cid:cdoc.docId,csid:csdoc.docId}, label='sections_s', menu_item='course_section_detail') }}
      </ol>
    </div>
  </div>
</div>
{% endblock %}