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

  </ul>
</div>
{% endif %}
<div id="form-box" class="row">
  <form action="/_/edit" id="page-form" method="post" class="col-md-6 {% if isUploadable() %}uploadable{% endif %} page-form">
    <textarea name="pageForm[body]" class="form-control" id="form-body">{% if pageForm.body %}{{ pageForm.body }}{% elseif not page.revision.body %}# {{ path|path2name }}{% else %}{{ page.revision.body }}{% endif %}</textarea>

    <input type="hidden" name="pageForm[path]" value="{{ path }}">
    <input type="hidden" name="pageForm[currentRevision]" value="{{ pageForm.currentRevision|default(page.revision._id.toString()) }}">
    <div class="form-submit-group form-group form-inline">
      {#<button class="btn btn-default">
        <i class="fa fa-file-text"></i>
        ファイルを追加 ...
      </button>#}

      <div class="pull-right form-inline page-form-setting" id="page-form-setting" data-slack-configured="{{ slackConfigured() }}">
        {% if slackConfigured() %}
        <span class="input-group extended-setting">
          <span class="input-group-addon">
            <label>
              <i class="fa fa-slack"></i>
              <input class="" type="checkbox" name="pageForm[notify][slack][on]" value="1">
            </label>
          </span>
          <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="form-control">
          {% for grantId, grantLabel in consts.pageGrants %}
          <option value="{{ grantId }}" {% if pageForm.grant|default(page.grant) == grantId %}selected{% endif %}>{{ grantLabel }}</option>
          {% endfor %}
        </select>
        {% endif %}
        <input type="hidden" name="_csrf" value="{{ _csrf() }}">
        <input type="submit" class="btn btn-primary" id="edit-form-submit" value="ページを更新" />
      </div>
    </div>
  </form>
  <div class="col-md-6 hidden-sm hidden-xs">
    <div id="preview-body" class="wiki preview-body">
    </div>
  </div>
  <div class="file-module hidden">
  </div>
</div>

<div class="modal fade page-warning-modal" id="page-warning-modal">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">ページ名に関するヒント</h4>
      </div>
      <div class="modal-body alert alert-danger">

        <strong>Warning!</strong><br>

        <p>
        スラッシュ <code>/</code> で区切られていない、日付の入ったページ名をつけようとしていませんか？<br>
        ページ名に日付を入れる場合、スラッシュ <code>/</code> で区切ることが推奨されています。<br>
        <br>
        推奨されるページ名で作成する場合、<br>
        <a href="{{ path|normalizeDateInPath }}">{{ path|normalizeDateInPath }}</a> から作成をはじめてください。
        </p>

      </div>
    </div>
  </div>
</div>
<script src="/js/form{% if env  == 'production' %}.min{% endif %}.js"></script>