{% import "components/problem.html" as problem with context %}
{% import "components/record.html" as record with context %}
{% import "partials/disable_sol_controls.html" as solctl with context %}
{% import "partials/course_visibility_toggle.html" as vis with context %}

{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
{{ solctl.style() }}
{{ vis.style() }}
{{ set(UiContext, 'ssid', ssdoc.docId) }}
<div class="row" data-sticky-parent>
  <div class="medium-9 columns">
    <div class="section">
      <div class="section__header">
          <h1 class="section__title"><a href="{{ url('course_subsec_detail', cid=cdoc.docId, csid=csdoc.docId, ssid=ssdoc._id) }}">{{ _('Subsection') }}: {{ ssdoc['title'] }}</a>{{ vis.badge(ssdoc) }}</h1>
      </div>
    </div>
    <div class="section">
      <div class="section__body typo richmedia">
        {{ ssdoc.content|default('')|markdown|safe }}
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Problems') }}</h1>
      </div>
      <div class="section__body no-padding training__problems">
        <table class="course-atr-problem-table">
          <colgroup>
            {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
              <col class="col--status">
            {% endif %}
            <col class="col--name">
            <col class="col--tried">
            <col class="col--ac">
            <col class="col--difficulty">
          </colgroup>
          <thead>
            <tr>
              {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
                <th class="col--status record-status--border">{{ _('Status') }}</th>
              {% endif %}
              <th class="col--name">{{ _('Problem') }}</th>
              <th class="col--tried">{{ _('Tried') }}</th>
              <th class="col--ac">{{ _('AC') }}</th>
              <th class="col--difficulty">{{ _('Difficulty') }}</th>
            </tr>
          </thead>
          <tbody>
            {%- for pid in pids -%}
              {% if pid in pdict %}
                {% set pdoc=pdict[pid] %}
                {% set psdoc=psdict[pid] %}
                <tr data-pid="{{ pid }}">
                  {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
                  {% if psdoc['rid'] %}
                    {{ record.render_status_td(psdoc, rid_key='rid', short=should_compare) }}
                  {% else %}
                    <td class="col--status record-status--border"></td>
                  {% endif %}
                  {% endif %}
                  <td class="col--name col--problem-name" {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %} data-star="{{ psdoc.star }}"{% endif %}>
                    {{ problem.render_problem_title(
                      pdoc,
                      show_tags=false
                    ) }}
                  </td>
                  <td class="col--tried">{{ pdoc.nSubmit }}</td>
                  <td class="col--ac">{{ pdoc.nAccept }}</td>
                  <td class="col--difficulty">{{ pdoc['difficulty'] or lib.difficulty(pdoc.nSubmit, pdoc.nAccept) or _('(None)') }}</td>
                </tr>
              {% else %}
                {% set pdoc = {'_id': pid, 'hidden': true, 'title': '*'} %}
                <tr>
                  {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
                  <td class="col--status record-status--border">
                  </td>
                  {% endif %}
                  <td class="col--name col--problem-name">
                    {{ problem.render_problem_title(pdoc, invalid=true) }}
                  </td>
                  <td class="col--tried">*</td>
                  <td class="col--ac">*</td>
                  <td class="col--difficulty">*</td>
                </tr>
              {% endif %}
            {%- endfor -%}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="medium-3 columns" data-sticky="large">
    <div class="section side 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">
        {% if handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
          <li class="menu__item course-side-primary-result"><a class="menu__link" href="{{ url('course_subsec_scoreboard', cid=cdoc.docId, csid=csdoc.docId, ssid=ssdoc._id) }}">
            <span class="icon icon-statistics"></span>  {{ _('Scoreboard') }}
          </a></li>
          <li class="menu__item"><a class="menu__link" href="{{ url('course_summary_scoreboard', cid=cdoc.docId, csid=csdoc.docId, ssid=ssdoc._id) }}">
            <span class="icon icon-statistics"></span>  总结评分
          </a></li>
        {% endif %}
      </ol>
    </div>
    <div class="section side course-side-actions-panel">
      <div>
        <ol class="menu course-side-actions-menu">
          <li class="menu__item"><a class="menu__link" href="{{ url('course_detail', cid=cdoc.docId) }}">
            <span class="icon icon-award"></span> {{ _('View Course') }}
          </a></li>
          <li class="menu__item"><a class="menu__link" href="{{ url('course_section_detail', cid=cdoc.docId, csid=csdoc.docId) }}">
            <span class="icon icon-award"></span> {{ _('View Section') }}
          </a></li>
        {% if handler.user.hasPerm(perm.PERM_EDIT_DOMAIN) or handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
          {{ solctl.menu_item('subsec', ssdoc, solstats.subsec, '打开本小节题解', '关闭本小节题解', cdoc.docId, csdoc.docId, ssdoc._id) }}
        {% endif %}
          <li class="menu__item"><a class="menu__link" href="{{ url('course_subsec_files', cid=cdoc.docId, csid=csdoc.docId, ssid=ssdoc._id) }}">
            <span class="icon icon-file"></span> {{ _('File') }}
          </a></li>
          <li class="menu__item"><a class="menu__link" href="{{ url('blog_create_for_subsec', courseId=cdoc.docId, sectionId=csdoc.docId, subsecId=ssdoc._id) }}">
            <span class="icon icon-edit"></span> {{ _('Subsec Article') }}
          </a></li>
        {% if handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
          <li class="menu__item"><a class="menu__link" href="{{ url('course_subsec_edit', cid=cdoc.docId, csid=csdoc.docId, ssid=ssdoc._id) }}">
            <span class="icon icon-edit"></span>  {{ _('Edit Subsection') }}
          </a></li>
          {{ vis.menu_item('subsec', ssdoc, cdoc.docId, csdoc.docId, ssdoc._id) }}
        {% endif %}
          <li class="menu__seperator"></li>
        </ol>
      </div>
      <div class="section__body typo">
        <dl class="large horizontal">
            <dt>{{ _('Course') }}</dt>
            <dd><a href="{{ url('course_detail', cid=cdoc.docId) }}">{{ cdoc.title }}</a></dd>
        </dl>
        <dl class="large horizontal">
          <dt>{{ _('Sections') }}</dt>
          <dd><a href="{{ url('course_section_detail', cid=cdoc.docId, csid=csdoc.docId) }}">{{ csdoc.title }}</a></dd>
        </dl>
        <dl class="large horizontal">
          <dt>{{ _('Created By') }}</dt>
          <dd>{{ user.render_inline(udoc, badge=false) }}</dd>
        </dl>
      </div>
    </div>
    <div class="section side">
      <ol class="menu">
        {{ sidemenu.render_item('list', 'course_subsec_detail', {cid:cdoc.docId,csid:csdoc.docId,ssid:ssdoc._id}, label='Subsection', menu_item='course_subsec_detail') }}
      </ol>
    </div>
  </div>
</div>
{% endblock %}