{% extends 'layout/page_nosidebar.html' %}


{% block content_head %}

  {% block content_head_before %}
  {% endblock %}

  <div class="header-wrap">
    {% if not page.isDeleted() %}
    <header id="page-header">
      <p class="stopper"><a href="#" data-affix-disable="#page-header"><i class="fa fa-chevron-up"></i></a></p>

      <div class="flex-title-line">
        <div>
          <h1 class="title flex-item-title" id="revision-path"></h1>
          <div id="revision-url" class="url-line"></div>
        </div>
        {% if page %}
        <div class="flex-item-action">
          <span id="bookmark-button">
            <p class="bookmark-link">
              <i class="fa fa-star-o"></i>
            </p>
          </span>
        </div>
        <div class="flex-item-action visible-xs visible-sm">
          <button
              data-csrftoken="{{ csrf() }}"
              data-liked="{% if page.isLiked(user) %}1{% else %}0{% endif %}"
              class="like-button btn btn-default btn-sm {% if page.isLiked(user) %}active{% endif %}"
          ><i class="fa fa-thumbs-o-up"></i></button>
        </div>
        {% endif %}

        {% if page %}
          {% include 'widget/authors.html' %}
        {% endif %}

      </div>

    </header>
    {% else %}
    {# trash/* #}
    <header id="page-header">
      <div class="flex-title-line">
        <h1 class="title flex-item-title"></h1>
        <div class="flex-item-action">
          <span id="bookmark-button">
            <p class="bookmark-link">
              <i class="fa fa-star-o"></i>
            </a>
          </span>
        </div>
      </div>
    </header>
    {% endif %}
  </div>

  {% block content_head_after %}
  {% endblock %}

{% endblock %} {# /content_head #}



{% block content_main_after %}
  {% if not page.isDeleted() %}
    {% include 'widget/comments.html' %}
  {% endif %}
{% endblock %}