{% extends 'layout/2column.html' %}

{% block html_title %}{{ path|path2name }} · {{ path }}{% endblock %}

{% block layout_header %}

  {% block layout_header_before %}
  {% endblock %}

  <div class="header-wrap">
    <header id="page-header">
      <div class="d-flex align-items-center">
        <div class="title-container">
          <h1 class="title flex-item-title" id="revision-path"></h1>
          <div id="revision-url" class="url-line"></div>
        </div>
        {% if page %}
        <div>
          {% if user %}
          <button
              data-csrftoken="{{ csrf() }}"
              data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
              class="like-button btn btn-default btn-outline btn-circle {% if page.isLiked(user) %}active{% endif %}"
          ><i class="icon-like"></i></button>
          {% endif %}
        </div>
        <div>
          {% if user %}
          <span id="bookmark-button"></span>
          {% endif %}
        </div>
        {% endif %}
      </div>
    </header>
  </div>

  {% block layout_header_after %}
  {% endblock %}

{% endblock %}


{% block content_main_before %}
{% endblock %}


{% block content_main %}
  {% if not page %}
  <ul class="nav nav-tabs hidden-print">
    <li><a>Create: {{ path }}</a></li>
    <li class="dropdown pull-right">
      <a href="#" onclick="history.back();"><i class="icon-close"></i> {{ t('Cancel') }}</a>
    </li>
  </ul>
  <div class="tab-content">
    <div class="edit-form">
    {% include '_form.html' %}
    </div>
  </div>
  {% else %}
    {% include 'widget/page_content.html' %}
  {% endif %}
{% endblock %}


{% block content_main_after %}
{% endblock %}


{% block content_footer %}
  {% if page %}
    {% include 'widget/page_attachments.html' %}
  {% endif %}
{% endblock %}

{% block side_header %}
  {% if page and not page.isDeleted() %}
    {% include 'widget/page_side_header.html' %}
  {% endif %}
{% endblock %} {# side_header #}

{% block side_content %}
  {% if page and not page.isDeleted() %}
    {% include 'widget/page_side_content.html' %}
  {% endif %}
{% endblock %}

{% block layout_footer %}
{% endblock %}

{% block body_end %}
  <div id="presentation-layer" class="fullscreen-layer">
    <div id="presentation-container"></div>
  </div>

  {% include 'widget/page_modals.html' %}
{% endblock %}