{% extends "base.html" %}
{% block title %}Details: {{ 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 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 %}
        <a href="/wiki/{{ page.slug }}">{{ page.title }}</a>
        <span class="crumb-sep" aria-hidden="true">›</span>
        <span class="crumb-here">Details</span>
      </nav>
    {% endif %}

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

    <nav class="pagetabs">
      <a class="tab" href="/wiki/{{ page.slug }}">Article</a>
      <a class="tab" href="/wiki/{{ page.slug }}/metadata">Metadata</a>
      <a class="tab on" href="/wiki/{{ page.slug }}/details">Details</a>
    </nav>

    <p class="muted">Links, history, and discussion for
      <a href="/wiki/{{ page.slug }}">{{ page.title }}</a>. None of this shows on
      the article itself.</p>

    <details class="history" id="backlinks">
      <summary>What links here ({{ backlinks | length }})</summary>
      {% if backlinks %}
        <ul>
          {% for b in backlinks %}
            <li><a href="/wiki/{{ b.slug }}">{{ b.title }}</a></li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="muted">No other pages link here yet.</p>
      {% endif %}
    </details>

    {% if versions %}
      <details class="history" id="history" {{ 'open' if open_history }}>
        <summary>History ({{ versions | length }}) — every saved version of this page</summary>
        <ul class="versionlist">
          {% for v in versions %}
            <li>
              <span class="badge {{ v.author }}">{{ v.author }}</span>
              <a href="/wiki/{{ page.slug }}/history/{{ v.id }}">{{ v.created_at }}</a>
              <span class="muted">{{ v.title }}</span>
              {% if not loop.first %}
                <form method="post" action="/wiki/{{ page.slug }}/history/{{ v.id }}/restore"
                      style="display:inline"
                      onsubmit="return confirm('Restore this version?')">
                  <button class="btn small" type="submit">Restore</button>
                </form>
              {% else %}
                <span class="muted">(current)</span>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
      </details>
    {% endif %}

    {% if suggestions %}
      <section class="review">
        <h3>Proposed edits ({{ suggestions | length }})</h3>
        {% for s in suggestions %}
          <details class="history" open>
            <summary><span class="badge {{ s.author }}">{{ s.author }}</span>
              {{ s.note or 'Proposed rewrite' }} <span class="muted">{{ s.created_at }}</span></summary>
            <pre class="diff">{% for line in s.diff.split('\n') %}<span class="{% if line.startswith('+') and not line.startswith('+++') %}add{% elif line.startswith('-') and not line.startswith('---') %}del{% elif line.startswith('@@') %}hunk{% endif %}">{{ line }}</span>
{% endfor %}</pre>
            <form method="post" action="/wiki/{{ page.slug }}/suggestion/{{ s.id }}/apply" style="display:inline">
              <button class="btn primary" type="submit">Apply</button>
            </form>
            <form method="post" action="/wiki/{{ page.slug }}/suggestion/{{ s.id }}/reject" style="display:inline">
              <button class="btn danger" type="submit">Reject</button>
            </form>
          </details>
        {% endfor %}
      </section>
    {% endif %}

    <section id="comments" class="review">
      <h3>Comments ({{ comments | length }})</h3>
      {% for c in comments %}
        <div class="comment {{ 'resolved' if c.resolved }}">
          <span class="badge {{ c.author }}">{{ c.author }}</span>
          {{ c.body }} <span class="muted">{{ c.created_at }}</span>
          {% if not c.resolved %}
            <form method="post" action="/wiki/{{ page.slug }}/comment/{{ c.id }}/resolve" style="display:inline">
              <button class="btn small" type="submit">Resolve</button>
            </form>
          {% else %}<span class="muted">✓ resolved</span>{% endif %}
        </div>
      {% endfor %}
      <form method="post" action="/wiki/{{ page.slug }}/comment" class="addmodel">
        <input type="text" name="body" placeholder="Add a comment…" required>
        <button class="btn" type="submit">Comment</button>
      </form>
    </section>
  </article>
{% endblock %}