{% extends "base.html" %}
{#- One project document. Expects: project, doc (with shown_version and author), body_html,
    sections (of the shown text), versions (newest first). -#}
{%- macro version_select(name, selected) -%}
<select name="{{ name }}">
  {% for v in versions %}<option value="{{ v.version }}"{% if v.version == selected %} selected{% endif %}>v{{ v.version }}</option>{% endfor %}
</select>
{%- endmacro %}
{% block title %}{{ doc.title }} · {{ project.name }} · relaybay{% endblock %}
{% block crumbs %}<span class="crumb-sep">/</span><a class="crumb" href="/p/{{ project.slug }}">{{ project.name }}</a><span class="crumb-sep">/</span><a class="crumb" href="/p/{{ project.slug }}/docs">Docs &amp; rules</a><span class="crumb-sep">/</span><span class="crumb">{{ doc.slug }}</span>{% endblock %}
{% block content %}
<main class="page" id="live" hx-ext="sse" sse-connect="/events" data-last-event-id="{{ last_event_id }}" data-project="{{ project.slug }}" data-doc="{{ doc.slug }}">
  <div class="page-head">
    <h1>{{ doc.title }}</h1>
    <span class="muted doc-meta"><code>{{ doc.slug }}</code> · {{ doc.kind }} · {% if doc.shown_version == doc.version %}version {{ doc.version }}{% else %}<strong>version {{ doc.shown_version }}</strong> of {{ doc.version }} · <a href="/p/{{ project.slug }}/docs/{{ doc.slug }}">current</a>{% endif %} · by {{ doc.author }}</span>
  </div>
  {% if sections %}
  <nav class="panel doc-toc" aria-label="Sections">
    <h2>Sections</h2>
    <ul>
      {% for s in sections %}<li class="toc-{{ s.level }}"><a href="#{{ s.anchor }}">{{ s.title or s.anchor }}</a> <code class="muted">#{{ s.anchor }}</code></li>{% endfor %}
    </ul>
  </nav>
  {% endif %}
  <article class="panel markdown doc-body">{{ body_html }}</article>

  <section class="panel" id="history">
    <h2>History <span class="col-count">{{ versions|length }}</span></h2>
    {% if versions|length > 1 %}
    <form class="doc-diff-form" method="get" action="/p/{{ project.slug }}/docs/{{ doc.slug }}/diff">
      <label class="field-inline">Compare {{ version_select("from", versions[1].version) }}</label>
      <label class="field-inline">with {{ version_select("to", versions[0].version) }}</label>
      <button type="submit" class="btn">Show diff</button>
    </form>
    {% endif %}
    <ul class="inbox-list">
      {% for v in versions %}
      <li class="inbox-row version-row{% if v.version == doc.shown_version %} is-shown{% endif %}">
        <span class="inbox-title"><a href="/p/{{ project.slug }}/docs/{{ doc.slug }}?version={{ v.version }}"><strong>v{{ v.version }}</strong></a> {{ v.reason }}</span>
        <span class="muted">{{ v.author }} · <time datetime="{{ v.created_at }}" data-age title="{{ v.created_at[:19] }}Z">{{ v.created_at|age }}</time>{% if v.section %} · section <code>#{{ v.section }}</code>{% endif %} · {{ v.size }} characters{% if v.version > 1 %} · <a href="/p/{{ project.slug }}/docs/{{ doc.slug }}/diff?from={{ v.version - 1 }}&amp;to={{ v.version }}">diff</a>{% endif %}</span>
      </li>
      {% endfor %}
    </ul>
  </section>
</main>
{% endblock %}