{% if page %}
<div id="content-main" class="content-main"
  data-path="{{ encodeURI(page.path) }}"
  data-current-user="{% if user %}{{ user._id.toString() }}{% endif %}"
  data-page-id="{% if page %}{{ page._id.toString() }}{% endif %}"
  data-page-revision-id="{% if revision %}{{ revision._id.toString() }}{% endif %}"
  data-page-revision-created="{% if revision %}{{ revision.createdAt|datetz('U') }}{% endif %}"
  data-page-revision-author="{% if revision %}{{ revision.author|json }}{% endif %}"
  data-page-revision-id-hackmd-synced="{% if revisionHackmdSynced %}{{ revisionHackmdSynced.toString() }}{% endif %}"
  data-page-id-on-hackmd="{% if pageIdOnHackmd %}{{ pageIdOnHackmd.toString() }}{% endif %}"
  data-page-has-draft-on-hackmd="{% if hasDraftOnHackmd %}{{ hasDraftOnHackmd.toString() }}{% endif %}"
  data-page-grant="{{ grant }}"
  data-page-grant-group="{{ grantedGroupId }}"
  data-page-grant-group-name="{{ grantedGroupName }}"
  data-page-is-liked="{% if user %}{{ page.isLiked(user) }}{% else %}false{% endif %}"
  data-page-is-seen="{% if page and page.isSeenUser(user) %}1{% else %}0{% endif %}"
  data-page-is-forbidden="{% if forbidden %}true{% else %}false{% endif %}"
  data-page-is-deleted="{% if page.isDeleted() %}true{% else %}false{% endif %}"
  data-page-is-deletable="{% if isDeletablePage() %}true{% else %}false{% endif %}"
  data-page-is-able-to-delete-completely="{% if user.canDeleteCompletely(page.creator._id) %}true{% else %}false{% endif %}"
  data-slack-channels="{{ slack|default('') }}"
  data-page-created-at="{% if page %}{{ page.createdAt|datetz('Y/m/d H:i:s') }}{% endif %}"
  data-page-creator="{% if page %}{{ page.creator|json }}{% endif %}"
  data-page-updated-at="{% if page %}{{ page.updatedAt|datetz('Y/m/d H:i:s') }}{% endif %}"
  data-page-has-children="{% if pages.length > 0 %}true{% else %}false{% endif %}"
  data-page-user="{% if pageUser %}{{ pageUser|json }}{% else %}null{% endif %}"
  >
{% else %}
<div id="content-main" class="content-main"
  data-path="{{ encodeURI(path) }}"
  data-current-user="{% if user %}{{ user._id.toString() }}{% endif %}"
  data-slack-channels="{{ slack|default('') }}"
  data-page-is-deleted="{% if page.isDeleted() %}true{% else %}false{% endif %}"
  data-page-has-children="{% if pages.length > 0 %}true{% else %}false{% endif %}"
  >
{% endif %}

  {% include 'page_alerts.html' %}

  {% if !getConfig('crowi', 'customize:layout') || 'kibela' === getConfig('crowi', 'customize:layout') %}
    {% include 'page_tabs_kibela.html' %}
  {% else %}
    {% include 'page_tabs.html' %}
  {% endif %}

  <div class="tab-content">

    {% if page %}
      <script type="text/template" id="raw-text-original">{{ revision.body.toString() | encodeHTML }}</script>

      {# formatted text #}
      <div class="tab-pane active" id="revision-body">
        <div id="page" class="mt-4"></div>
      </div>
    {% endif %}

    {% if !isTrashPage() %}
      {# edit form #}
      <div class="tab-pane" id="edit">
        <div id="page-editor">{% if pageForm.body %}{{ pageForm.body }}{% endif %}</div>
      </div>
      <div class="tab-pane" id="hackmd">
        <div id="page-editor-with-hackmd"></div>
      </div>
      {% include '../_form.html' %}
    {% endif %}

    {# raw revision history #}
    {% if not page %}
    {% else %}
    <div class="tab-pane revision-history" id="revision-history">
    </div>
    {% endif %}

  </div>

  <div id="grw-page-status-alert-container"></div>
</div>