{% import "components/problem.html" as problem with context %}
{% import "partials/course_visibility_toggle.html" as vis with context %}
{% set expanded = 0 %}
{% set count = 0 %}
<div data-fragment-id="course_section_detail" class="ui-stack ui-stack--xs course-ui__section-list">
  {%- for node in csdoc['dag'] -%}
    {% set count = count + 1 %}
    <div data-heading-extract-to="#menu-item-course_section_detail" class="training__section ui-card course-subsection-row course-ui__section-row">
      <div class="section__header clearfix course-atr-order-row">
        <h1 data-heading id="node-{{ count }}" class="section__title">
          <a href="{{ url('course_subsec_detail', cid=cdoc.docId, csid=csdoc.docId, ssid=node['_id']) }}">
            {{ _('sections_s') }} {{ count }}. {{ node['title'].split('\n')[0] }}
          </a>{{ vis.badge(node) }}
        </h1>
      </div>
    </div>
  {%- endfor -%}
</div>