{% extends "base.html" %}
{% block title %}{{ page.title }} — Waikiki{% endblock %}
{% block topbar_actions %}{% if not trashed %}{% include "_page_options.html" %}{% endif %}{% endblock %}
{% block content %}
  <script>window.WAIKIKI_PAGE = {slug: {{ page.slug | tojson }}, wiki: {{ current_wiki | tojson }}};</script>
  <article class="article">
    {% if trashed %}
      <div class="banner err">
        This page is in the Trash (deleted {{ page.deleted_at }}).
        <form method="post" action="/wiki/{{ page.slug }}/restore" style="display:inline">
          <button class="btn" type="submit">Restore</button>
        </form>
        <form method="post" action="/wiki/{{ page.slug }}/purge" style="display:inline"
              onsubmit="return confirm('Permanently delete this page? This cannot be undone.')">
          <button class="btn danger" type="submit">Delete forever</button>
        </form>
      </div>
    {% endif %}

    {% if crumbs %}
      <nav class="crumbs" aria-label="Breadcrumb">
        {% for c in crumbs %}
          <a href="/wiki/{{ c.slug }}">{{ c.title }}</a>
          <span class="crumb-sep" aria-hidden="true">›</span>
        {% endfor %}
        <span class="crumb-here">{{ page.title }}</span>
      </nav>
    {% endif %}

    <div class="article-head">
      <h1>{{ page.title }}</h1>
    </div>

    {% if not trashed %}
      <nav class="pagetabs">
        <a class="tab on" href="/wiki/{{ page.slug }}">Article</a>
        <a class="tab" href="/wiki/{{ page.slug }}/metadata">Metadata</a>
        <a class="tab" href="/wiki/{{ page.slug }}/details">Details{% if comment_count %} <span class="tabcount">{{ comment_count }}</span>{% endif %}</a>
      </nav>
    {% endif %}

    {% if parent %}
      <p class="muted">↳ child of <a href="/wiki/{{ parent.slug }}">{{ parent.title }}</a></p>
    {% endif %}
    {% if tags %}
      <div class="tagcloud">
        {% for t in tags %}<a class="tagchip" href="/tag/{{ t }}">{{ t }}</a>{% endfor %}
      </div>
    {% endif %}

    {% if toc and toc | length >= 2 %}
      <details class="toc" open>
        <summary>Contents</summary>
        <ul>
          {% for h in toc %}
            <li class="lvl{{ h.level }}"><a href="#{{ h.slug }}">{{ h.text }}</a></li>
          {% endfor %}
        </ul>
      </details>
    {% endif %}

    <div class="rendered">{{ page.html | safe }}</div>

    {% if children %}
      <details class="history" open>
        <summary>Sub-pages ({{ children | length }})</summary>
        <ul>
          {% for c in children %}<li><a href="/wiki/{{ c.slug }}">{{ c.title }}</a></li>{% endfor %}
        </ul>
      </details>
    {% endif %}
  </article>
{% endblock %}