{% block html_head_loading_legacy %}
  <script src="{{ webpack_asset('js/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">

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

    <div class="form-inline d-flex align-items-center" id="page-form-setting">
      <div id="editor-slack-notification"></div>
      <div id="page-grant-selector"></div>
      <input type="hidden" id="page-grant" name="pageForm[grant]" value="{{ page.grant }}">
      <input type="hidden" id="grant-group" name="pageForm[grantUserGroupId]" value="{{ pageRelatedGroup._id.toString() }}">
      <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>
<input type="hidden" id="grant-group-name" value="{{ pageRelatedGroup.name }}">{# for storing group name #}
<div class="file-module hidden">
</div>