{% extends "base.html" %}

{% block content %}
<h1>{{ page.title }}</h1>

{%- if page.date %}
  <small>
    <time datetime='{{ page.date | date(format='%+') }}' pubdate>
      {{- page.date | date(format=config.extra.date_format) -}}
    </time>
    
    {%- if page.taxonomies %}
      {%- for name, taxon in page.taxonomies %}
        •
        {%- for item in taxon %}
          <a class="pill" href="{{ get_taxonomy_url(kind=name, name=item) }}">
            <i class="bi bi-tag-fill"></i>
            {{ item }}
          </a>&nbsp;
        {%- endfor %}
      {%- endfor %}
    {%- endif %}
  </small>
{%- endif %}

{% if page.extra.archive %}
  <div class="statement-container archive">
    <strong class="big">⚠ Archived</strong>
    {{ page.extra.archive | markdown | safe }}
  </div>
{% endif %}

{% if page.extra.trigger %}
  <div class="statement-container trigger">
    <strong class="big">⚠ Trigger Warning</strong>
    {{ page.extra.trigger | markdown | safe }}
  </div>
{% endif %}

{% if page.extra.disclaimer %}
  <div class="statement-container disclaimer">
    <strong class="big">⚠ Disclaimer(s)</strong>
    {{ page.extra.disclaimer | markdown | safe }}
  </div>
{% endif %}

{% if page.extra.toc %}
  <h2>
    Table of Contents
  </h2>
  <ul>
  {% for h1 in page.toc %}
    <li>
      <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
      {% if h1.children %}
        <ul>
          {% for h2 in h1.children %}
            <li>
              <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </li>
  {% endfor %}
  </ul>
{% endif %}

{{ page.content | safe }}

{% if page.extra.comments.id %}
  {% include "includes/comments.html" %}
  <hr>
{% endif %}

{% if page.lower or page.higher %}
  {% if page.lower %}
  <h2>
    Read Next
  </h2>
  <a class="link-page" href="{{ page.lower.permalink }}">
    {{ page.lower.title }}
  </a>
  {% endif %}
  {% if page.higher %}
  <h2>
    Read Previous
  </h2>
  <a class="link-page" href="{{ page.higher.permalink }}">
    {{ page.higher.title }}
  </a>
  {% endif %}
{% endif %}

<p class="dialog-buttons">
  <a href="#top" class="inline-button">Go to top</a>
  <a href="{{ config.extra.issues_url }}">File an issue</a>
</p>
{% endblock content %}