{# Demonstrates: a normal page, with table of contents, tags, translations,
   backlinks and related pages. #}
{% extends "base.html" %}
{% from "macros.html" import toc %}

{% block main %}
<article>
  <h1>{{ page.title }}</h1>
  {% if page.published %}
  <p class="date">
    <time datetime="{{ page.published_iso }}">{{ page.published }}</time>
    {%- if page.updated %}, updated <time datetime="{{ page.updated_iso }}">{{ page.updated }}</time>{% endif %}
  </p>
  {% endif %}

  {% if page.translations %}
  <p class="translations">Also in:
    {% for t in page.translations %}
    <a href="{{ t.url }}" lang="{{ t.lang }}" hreflang="{{ t.lang }}">{{ t.title }}</a>{% if not loop.last %},{% endif %}
    {% endfor %}
  </p>
  {% endif %}

  {{ toc(page.toc) }}

  {{ page.content }}

  {% if page.tags %}
  <p class="tags">Tags:
    {% for t in page.tags %}
    <a href="/tags/{{ t | slug }}/">{{ t }}</a>{% if not loop.last %},{% endif %}
    {% endfor %}
  </p>
  {% endif %}

  {% set related = page.related(n=3) %}
  {% if related %}
  <aside class="related">
    <h2>Related</h2>
    <ul>
      {% for r in related %}
      <li><a href="{{ r.url }}">{{ r.title }}</a></li>
      {% endfor %}
    </ul>
  </aside>
  {% endif %}

  {% if page.backlinks %}
  <aside class="backlinks">
    <h2>Linked from</h2>
    <ul>
      {% for b in page.backlinks %}
      <li><a href="{{ b.url }}">{{ b.title }}</a></li>
      {% endfor %}
    </ul>
  </aside>
  {% endif %}
</article>
{% endblock %}