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

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

{% block html_base_attr %}
  data-spy="scroll"
  data-target="#search-result-list"
{% endblock %}

{% block layout_header %}

{% block layout_header_before %}
{% endblock %}

<div class="header-wrap">
  <header id="page-header" class="{% if page %}has-page{% endif %}">

    <div class="d-flex align-items-center">
      <div class="title-container">
        <div class="d-flex">
          <h1 class="title flex-item-title" id="revision-path"></h1>
          {% if false %} {# Disable temporaly -- 2018.03.08 Yuki Takei #}
          {% if searchConfigured() && !isTopPage() && !isTrashPage() %}
          <form id="search-listpage-form" class="m-l-10 input-group search-input-group hidden-xs hidden-sm"
              data-toggle="tooltip" data-placement="bottom" title="{{ path }} 以下から検索" data-container="body">
            <div class="input-group">
              <input id="search-listpage-input" type="text" class="form-control input-sm" data-path="{{ path }}" placeholder="Search for...">
              <span class="input-group-btn">
                <button class="btn btn-default btn-sm"><i class="icon-magnifier"></i></button>
              </span>
            </div><!-- /input-group -->
            <a class="search-listpage-clear" id="search-listpage-clear"><i class="fa fa-times-circle"></i></a>
          </form>
          {% endif %}
          {% endif %}
        </div>
        <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>

{% endblock %}

{% block content_main %}

  {% block content_main_before %}
  {% endblock %}

  {# page-list-search should be fully managed by react.js,
  # but now the header and page list content is rendered separately by the server,
  # so now bind the values through the hidden fields.
  #}
  {% if false %} {# Disable temporaly -- 2018.03.08 Yuki Takei #}
  {% if searchConfigured() && !isTopPage() && !isTrashPage() %}
  <div id="page-list-search">
  </div>
  {% endif %}
  {% endif %}

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

  <div class="row page-list">
    <div class="col-md-12">
      {% include 'widget/page_list_and_timeline.html' %}
    </div>
  </div>

{% endblock %}


{% block content_main_after %}
{% endblock %}


{% block content_footer %}
<footer>
</footer>
{% endblock %}


{% block side_header %}

{% if not page and not isUserPageList(path) and !isTrashPage() %}
<div class="portal-side">
  <div class="portal-form-button">
    <button class="btn btn-primary" id="create-portal-button">Create Portal</button>
    <p class="help-block"><a href="#" data-target="#help-portal" data-toggle="modal"><i class="fa fa-question-circle"></i> What is Portal?</a></p>
  </div>
</div>
{% else %}
  {% include 'widget/page_side_header.html' %}
{% endif %}

{% endblock %} {# side_header #}

{% block body_end %}
<div id="crowi-modals">
  {% include 'modal/what_is_portal.html' %}
  {% include 'modal/unportalize.html' %}
</div>
<div class="modal fade portal-warning-modal" id="portal-warning-modal">
  <div class="modal-dialog">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">ポータルに関するヒント</h4>
      </div>
      <div class="modal-body">

        <strong>Warning!</strong><br>

        <p>既に <strong><a href="{{ path|removeLastSlash }}">{{ path|removeLastSlash }}</a></strong> のページが存在します。</p>

        <p>
          <a href="{{ path|removeLastSlash }}">{{ path|removeLastSlash }}</a> をポータル化するには、
          <a href="{{ path|removeLastSlash }}">{{ path|removeLastSlash }}</a> に移動し、「ページを移動」させてください。<br>
          <a href="{{ path|removeLastSlash }}">{{ path|removeLastSlash }}</a> とは別に、このページ(<code>{{ path }}</code>)にポータルを作成する場合、このまま編集を続けて作成してください。
        </p>

      </div>
    </div>
  </div>
</div>
{% endblock %} {# body_end #}