{% extends "layout/basic.html" %}
{% block content %}
{% include "course_ui_style.html" %}
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Edit Section') }}</h1>
      </div>
      <div class="section__body">
        <form method="post">
          <div class="row">
            <div class="medium-9 columns">
              <label>
                {{ _('Title') }}
                <input name="title" placeholder="{{ _('title') }}" value="{{ csdoc.title|default('') }}" class="textbox"
                  autofocus>
              </label>
            </div>
            <div class="medium-3 columns">
              <label>
                {{ _('Pin') }}
                <input name="pin" placeholder="{{ _('Pin level') }}" value="{{ csdoc.pin|default(0) }}" class="textbox">
                <p class="help-text">{{ _('pin_help-text') }}</p>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              <label>
                {{ _('Description') }}
                <textarea name="content" class="textbox" data-markdown
                  style="height: 200px">{{ csdoc['content']|default('') }}</textarea>
              </label>
            </div>
          </div>
          <div class="row">
            <div class="columns">
              {% if page_name == 'course_section_edit' %}
              <button type="submit" class="rounded primary button">
                {{ _('Update') }}
              </button>
              {% if handler.user.hasPerm(perm.PERM_EDIT_TRAINING) %}
              <button name="operation" value="delete" type="submit" 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>
  </div>

</div>
{% endblock %}