{% extends 'page.html' %}

{% block main_css_class %}
  {% parent %}
  user-page
{% endblock %}

{% block content_main %}
  <div class="border-bottom pb-2">
    <div class="user-info" id="user-info">
    </div>
  </div>

  <div class="row">

    <div class="col grw-page-content-container">

      {#
        #   Because this block has content like 'Bookmarks' or 'Recent Created' whose height changes dynamically,
        #   setting of 'revision-toc' (affix) is hindered.
        #}
      <div class="mb-5 user-page-content-container d-edit-none d-print-none">
      </div>

      {% block content_main_before %}
        {% parent %}
      {% endblock %}

      {% include '../widget/page_content.html' %}

      {# force remove #revision-toc from #content_main of parent #}
      <script>
        $('#revision-toc').remove();
      </script>

    </div> {# /.col- #}

    {# relocate #revision-toc #}
    <div class="col-xl-2 col-lg-3 d-none d-lg-block revision-toc-container">
      <div id="revision-toc" class="revision-toc mt-3 sps sps--abv" data-sps-offset="116">
        <div id="revision-toc-content" class="revision-toc-content"></div>
      </div>
    </div> {# /.col- #}

  </div>


{% endblock %}


{% block content_main_after %}
  {% include 'widget/comments.html' %}

  {% if page %}
    <div class="grw-page-list-m my-5">
      <h1 class="grw-page-list-title-m border-bottom pb-2 mb-3" id="bookmarks-list">
        <i id="user-bookmark-icon"></i>
        Bookmarks
      </h1>
      <div class="page-list" id="user-bookmark-list">
        <div class="page-list-container">
        </div>
      </div>
    </div>

    <div class="grw-page-list-m my-5">
      <h1 class="grw-page-list-title-m border-bottom pb-2 mb-3" id="recently-created-list">
        <i id="recent-created-icon"></i>
        Recently Created
      </h2>
      <div class="page-list" id="user-created-list">
        <div class="page-list-container">
        </div>
      </div>
    </div>
  {% endif %}

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