{% import "partials/course_structure_editor.html" as course_structure with context %}
{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
<div class="row course-ui-page">
  <div class="medium-12 columns ui-stack">
    <div class="section ui-panel">
      <div class="section__header">
        <h1 class="section__title">{{ _('Edit Section') if page_name == 'course_section_edit' else _('Create Section') }}</h1>
      </div>
      <div class="section__body">
        <form method="post" class="course-editor-form">
          <div class="row">
            <div class="columns">
              <label>
                {{ _('Title') }}
                <input name="title" placeholder="{{ _('title') }}" value="{{ csdoc.title|default('') }}" class="textbox"
                  autofocus>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              <label>
                {{ _('Description') }}
                <textarea name="content" class="textbox" data-markdown>{{ csdoc['content']|default('') }}</textarea>
              </label>
            </div>
          </div>
          <input type="hidden" name="manageVisibility" value="1">
          <label class="course-editor-form__visibility">
            <input type="checkbox" name="hidden" value="1"{% if csdoc.hidden %} checked{% endif %}>
            <span>{{ _('Hide this section from learners') }}</span>
          </label>
          <div class="row">
            <div class="columns">
              {% if page_name == 'course_section_edit' %}
              <button type="submit" class="rounded primary button">
                {{ _('Update') }}
              </button>
              {% if canEdit %}
              <button name="operation" value="delete" type="submit" formaction="." class="rounded button">
                {{ _('Delete') }}
              </button>
              {% endif %}
              {% else %}
              <button type="submit" class="rounded primary button">
                {{ _('Create') }}
              </button>
              {% endif %}
              <button type="button" class="rounded button" onclick="window.history.go(-1)">
                {{ _('Cancel') }}
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
    {% if page_name == 'course_section_edit' %}
      {{ course_structure.render(
        _('Subsection structure'),
        nodes,
        'subsec',
        url('course_subsec_order', cid=cdoc.docId, csid=csdoc.docId),
        url('course_subsec_create', cid=cdoc.docId, csid=csdoc.docId),
        _('Create Subsection'),
        _('No subsections yet.')
      ) }}
    {% endif %}
  </div>

</div>
{% endblock %}