{% extends "base.html" %}
{% from "_partials/status.html" import status %}
{% from "_partials/pager.html" import pager %}
{% block main %}
<div class="reader">
  <div class="page-head">
    <p class="crumbs"><a href="/ui/docs">Documents</a> <span class="sep">/</span>
      <a href="/ui/docs/{{ doc_id | urlencode }}?repo={{ repo | urlencode }}">{{ doc_id }}</a>
      <span class="sep">/</span> §{{ section_id }}</p>
    <h1 style="font-size:26px">{{ result.title }}</h1>
  </div>
  {{ pager(doc_id, repo, prev, next) }}
  <div class="level-tabs">
    <a class="{{ 'on' if level == 'l2' else '' }}"
       href="/ui/docs/{{ doc_id | urlencode }}/{{ section_id | urlencode }}?level=l2&repo={{ repo | urlencode }}">L2 · summary</a>
    <a class="{{ 'on' if level == 'l3' else '' }}"
       href="/ui/docs/{{ doc_id | urlencode }}/{{ section_id | urlencode }}?level=l3&repo={{ repo | urlencode }}">L3 · original</a>
  </div>
  <article class="reader-body">{{ content_html | safe }}</article>
  {{ pager(doc_id, repo, prev, next) }}
</div>
{% endblock %}
{% block rail %}
{% if toc %}
<div class="rail-block">
  <p class="kicker">On this page</p>
  {% for t in toc %}
  <a class="toc-link" href="#{{ t.anchor }}">{{ t.label }}</a>
  {% endfor %}
</div>
{% endif %}
<div class="rail-block">
  <p class="kicker">Citation</p>
  <div class="cite-box">
    <code id="citation">{{ result.citation }}</code>
    <noscript><style>[data-copy] { display:none }</style></noscript>
    <button type="button" data-copy="#citation">Copy citation</button>
  </div>
</div>
<div class="rail-block">
  <p class="kicker">Metadata</p>
  {% if entry %}
  <div class="rail-kv"><span>Status</span><span>{{ status(entry.status) }}</span></div>
  <div class="rail-kv"><span>Tokens L2</span><span class="v">{{ entry.tokens.l2 }}</span></div>
  <div class="rail-kv"><span>Tokens L3</span><span class="v">{{ entry.tokens.l3 }}</span></div>
  {% else %}
  <div class="rail-kv"><span>Tokens ({{ level }})</span><span class="v">{{ result.tokens }}</span></div>
  {% endif %}
  {% if revision %}<div class="rail-kv"><span>Revision</span><span class="v">{{ revision }}</span></div>{% endif %}
  <div class="rail-kv"><span>Repo</span><span class="v">{{ repo }}</span></div>
</div>
{% endblock %}