{% import "components/form.html" as form with context %}
{% extends "layout/basic.html" %}
{% block content %}
{{ set(UiContext, 'forcedRef', forcedRef) }}
<style>
.hidden{display:none}
.article-draft-note { margin-bottom: 16px; }
</style>
<div class="row">
  <div class="medium-12 columns">
    <div class="section">
      <div class="section__body">
        <form method="post">
          <input type="hidden" name="draftDid" value="{{ ddoc.docId if ddoc else '' }}">
          <input type="hidden" name="draftRevision" value="{{ draftRevision }}">
          {% if forcedRef %}
            <input type="hidden" name="draftForcedCourseId" value="{{ forcedRef.courseId|default('') }}">
            <input type="hidden" name="draftForcedSectionId" value="{{ forcedRef.sectionId|default('') }}">
            <input type="hidden" name="draftForcedSubsecId" value="{{ forcedRef.subsecId|default('') }}">
          {% endif %}
          {% if draft %}
          <blockquote class="note article-draft-note">
            草稿已保存（{{ datetimeSpan(draft.updatedAt)|safe }}）{% if ddoc %}，公开文章尚未更新{% endif %}。
          </blockquote>
          {% endif %}
          <div class="row">
            <div class="medium-8 columns">
              <label>
                {{ _('Title') }}
                <input name="title" placeholder="{{ _('title') }}" value="{{ editorDoc.title|default('') }}" class="textbox"
                  autofocus>
                </label>
            </div>
            <div class="medium-4 columns">
              <label>
                <br>
                <label class="checkbox">
                  <input type="checkbox" name="hidden" value="on" class="checkbox" {%- if editorDoc.hidden %} checked{% endif
                    -%}>{{ _('Hidden') }}
                </label>
                <p class="help-text">博客隐藏后将不会被推荐到文章栏目</p>
              </label>
            </div>
          </div>
          <div class="row">
            {{ form.form_select({
            columns:3,
            label:'Category',
            name:'category',
            options:categories,
            value:editorDoc['category']|default(''),
            row:false
            }) }}
            {% if forcedRef %}
              <input type="hidden" id="courseId" value="{{ forcedRef.courseId|default('') }}">
              <input type="hidden" id="sectionId" value="{{ forcedRef.sectionId|default('') }}">
              <input type="hidden" id="subsecId"  value="{{ forcedRef.subsecId|default('') }}">
            {% elif handler.user.hasPerm(perm.PERM_EDIT_DOMAIN) %}
              <div class="medium-3 columns" id="select_course_for_admin">
                <div name="form_item_course" class="select-container">
                  <label>
                    {{ _('Course') }}
                    <select id="course_select" class="select" name="courseId">
                      <option value="">{{ _('Select a course') }}</option>
                    </select>
                    <p class="help-text">将博客关联到课程（需关联到具体小节）</p>
                  </label>
                </div>
              </div>
              <div class="medium-3 columns" id="select_section_for_admin">
                <div name="form_item_section" class="select-container">
                  <label>
                    {{ _('Section') }}
                    <select id="section_select" class="select" name="sectionId" disabled>
                      <option value="">{{ _('Select a section') }}</option>
                    </select>
                    <p class="help-text">选择关联章节</p>
                  </label>
                </div>
              </div>
              <div class="medium-3 columns" id="select_subsec_for_admin">
                <div name="form_item_subsec" class="select-container">
                  <label>
                    {{ _('SubSection') }}
                    <select id="subsec_select" class="select" name="subsecId" disabled>
                      <option value="">{{ _('Select a subsec') }}</option>
                    </select>
                    <p class="help-text">选择关联小节</p>
                  </label>
                </div>
              </div>
              <input type="hidden" id="preCourseId" value="{{ editorDoc.courseRef.courseId|default('') }}">
              <input type="hidden" id="preSectionId" value="{{ editorDoc.courseRef.sectionId|default('') }}">
              <input type="hidden" id="preSubId"  value="{{ editorDoc.courseRef.subsecId|default('') }}">
            {% else %}
              <input type="hidden" id="courseId" value="{{ editorDoc.courseRef.courseId|default('') }}">
              <input type="hidden" id="sectionId" value="{{ editorDoc.courseRef.sectionId|default('') }}">
              <input type="hidden" id="subsecId"  value="{{ editorDoc.courseRef.subsecId|default('') }}">
            {% endif %}
          </div>
          {{ form.form_textarea({
          columns:12,
          label:'Content',
          name:'content',
          value:editorDoc.content|default(''),
          markdown:true,
          required:true,
          extra_style:'height: 500px',
          extra_textarea_class:'auto-resize'
          }) }}
          <div class="row">
            <div class="columns">
              <button type="submit" class="rounded button" formaction="{{ draftActionUrl }}" formnovalidate
                name="draftAction" value="save">
                保存草稿
              </button>
              <button name="operation" value="{{ 'update' if ddoc else 'create' }}" data-default-submit type="submit"
                class="rounded primary button">
                {{ '更新文章' if ddoc else '发布文章' }}
              </button>
              {% if draft %}
              <button type="submit" class="rounded button" formaction="{{ draftActionUrl }}" formnovalidate
                name="draftAction" value="discard" onclick="return confirm('{% if ddoc %}放弃这份草稿并恢复公开版本吗？{% else %}放弃这份草稿吗？{% endif %}')">
                放弃草稿
              </button>
              {% endif %}
              {% if ddoc and (handler.user.hasPerm(perm.PERM_EDIT_DOMAIN) or handler.user.own(ddoc)) %}
              <button name="operation" value="delete" type="submit" class="rounded button" onclick="return confirm('确认删除这篇文章吗？')">
                {{ _('Delete') }}
              </button>
              {% endif %}
              <button type="button" class="rounded button" onclick="window.history.go(-1)">
                {{ _('Cancel') }}
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

</div>
{% endblock %}