{% 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 Course') if page_name == 'course_edit' else _('Create Course') }}</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="{{ cdoc.title|default('') }}" class="textbox"
                  autofocus>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              <label>
                {{ _('Assign') }} <span data-ui-help="{{ _('Help') }}">{{ _('Split by \', \'.') }}</span>
                <input name="assign" placeholder="{{ _('Group / UID') }}" value="{{ cdoc.assign|default('') }}" class="textbox">
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              <label class="ui-field">
                <span class="ui-field__label">{{ _('Description') }} <span data-ui-help-anchor="course-description-help"></span></span>
                <textarea name="content" class="textbox ui-field__control" aria-describedby="course-editor-description-help" data-markdown>{{ cdoc['content']|default('') }}</textarea>
                <span id="course-editor-description-help" class="ui-field__help" data-ui-help="{{ _('Help') }}" data-ui-help-for="course-description-help">{{ _('It will be truncated to a portion of characters and displayed in the list view.') }}</span>
              </label>
            </div>
          </div>
          <input type="hidden" name="manageVisibility" value="1">
          <label class="course-editor-form__visibility">
            <input type="checkbox" name="hidden" value="1"{% if cdoc.hidden %} checked{% endif %}>
            <span>{{ _('Hide this course from learners') }}</span>
          </label>
          <div class="row">
            <div class="columns">
              {% if page_name == 'course_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_edit' %}
      {{ course_structure.render(
        _('Section structure'),
        csdocs,
        'section',
        url('course_section_order', cid=cdoc.docId),
        url('course_section_create', cid=cdoc.docId),
        _('Create Section'),
        _('No sections yet.')
      ) }}
    {% endif %}
  </div>

</div>
{% endblock %}