{% block html_head_loading_legacy %}
  <script src="{{ webpack_asset('legacy-form').js }}" defer></script>
  {% parent %}
{% endblock %}

{% if req.form.errors %}
<div class="alert alert-danger">
  <ul>
  {% for error in req.form.errors %}
    <li>{{ t(error) }}</li>
  {% endfor %}

  </ul>
</div>
{% endif %}

<form action="/_/edit" id="page-form" method="post" class="{% if isUploadable() %}uploadable{% endif %} page-form">

  <div id="page-editor">{% if pageForm.body %}{{ pageForm.body }}{% endif %}</div>

  <input type="hidden" id="form-body" name="pageForm[body]" value="{% if pageForm.body %}{{ pageForm.body }}{% endif %}">
  <input type="hidden" name="pageForm[path]" value="{{ path }}">
  <input type="hidden" name="pageForm[currentRevision]" value="{{ pageForm.currentRevision|default(page.revision._id.toString()) }}">
  <div class="page-editor-footer form-submit-group form-group form-inline
      d-flex align-items-center justify-content-between">
    <div>
      <div id="page-editor-options-selector"></div>
    </div>

    <div class="form-inline page-form-setting d-flex align-items-center" id="page-form-setting" data-slack-configured="{{ slackConfigured() }}">
      {% if slackConfigured() %}
      <span class="input-group input-group-sm input-group-slack extended-setting m-r-5">
        <div class="input-group-addon">
          <img id="slack-mark-white" src="/images/icons/slack/mark-monochrome_white.svg" width="18" height="18">
          <img id="slack-mark-black" src="/images/icons/slack/mark-monochrome_black.svg" width="18" height="18">
          <input class="" type="checkbox" name="pageForm[notify][slack][on]" value="1">
        </div>
        <input class="form-control" type="text" name="pageForm[notify][slack][channel]" value="{{ page.extended.slack|default('') }}" placeholder="slack-channel-name"
          id="page-form-slack-channel"
          data-toggle="popover"
          title="Slack通知"
          data-content="通知するにはチェックを入れてください。カンマ区切りで複数チャンネルに通知することができます。"
          data-trigger="focus"
          data-placement="top"
        >
      </span>
      {% endif %}

      {% if forceGrant %}
      <input type="hidden" name="pageForm[grant]" value="{{ forceGrant }}">
      {% else %}
      <select name="pageForm[grant]" class="m-r-5 selectpicker btn-group-sm">
        {% for grantId, grantLabel in consts.pageGrants %}
        <option value="{{ grantId }}" {% if pageForm.grant|default(page.grant) == grantId %}selected{% endif %} {% if grantId == 5 && userRelatedGroups.length == 0 %}disabled{% endif %}>{{ t(grantLabel) }}</option>
        {% endfor %}
      </select>
      {% endif %}
      {% if userRelatedGroups.length != 0 %}
      <select name="pageForm[grantUserGroupId]" class="selectpicker btn-group-sm">
        {% for userGroup in userRelatedGroups %}
        <option value="{{ userGroup.id }}">{{ userGroup.name }}</option>
        {% endfor %}
      </select>
      {% endif %}
      <input type="hidden" id="edit-form-csrf" name="_csrf" value="{{ csrf() }}">
      <button type="submit" class="btn btn-primary btn-submit" id="edit-form-submit">{{ t('Update') }}</button>
    </div>
  </div>
</form>
<div class="file-module hidden">
</div>