{% from "macros/pagination.html" import render_pagination %}

{% macro render_toc(toc, maxdepth=2) %}
  <nav aria-label="Table of contents">
    <p>Table of contents</p>
    <ol>
      {% for item in toc recursive %}
        <li>
          <a href="#{{ item.anchor }}">{{ item.title }}</a>
          {% if item.children and loop.depth < maxdepth %}
            <ol>
              {{ loop(item.children) }}
            </ol>
          {% endif %}
        </li>
      {% endfor %}
    </ol>
  </nav>
{% endmacro %}

{% macro render_blog_post(post, show_toc=True) %}
  <article>
    <header>
      <div>
        <h2>
          <a href="{{ post|url }}">{{ post.title }}</a>
        </h2>
        <dl>
          {% if post.publication_date %}
            <div>
              <dt>Posted:</dt>
              <dd>
                <a href="{{ ('/blog@index-pages/year/{}'.format(post.publication_date.year) ) | url }}">
                  <time datetime="{{ post.publication_date | dateformat('yyyy-MM-dd') }}">{{ post.publication_date | dateformat("d MMMM yyyy") }}</time>
                </a>
              </dd>
            </div>
          {% else %}
            <div class="missing-publication-date-warning" role="alert">
              <dt>⚠</dt>
              <dd>
                Missing publication date
              </dd>
            </div>
          {% endif %}
          {% if post.updated_date and post.publication_date and (post.updated_date > post.publication_date) %}
            <div>
              <dt>Last updated:</dt>
              <dd>
                <time datetime="{{ post.updated_date | dateformat('yyyy-MM-dd') }}">{{ post.updated_date | dateformat("d MMMM yyyy") }}</time>
              </dd>
            </div>
          {% endif %}
          {% if post.category %}
            <div>
              <dt>Category:</dt>
              <dd>
                {% set category = site.get('/categories/'+post.category) %}
                <a href="{{ category|url }}">{{ category.name }}</a>
              </dd>
            </div>
          {% endif %}
        </dl>
      </div>
      {% if show_toc and post.render_toc %}
        {% set toc = post.body.toc|default([]) %}
        {{ render_toc(toc) }}
      {% endif %}
    </header>
    {{ post.body }}
    {% if post.tags %}
      <footer>
        <p>Tagged with</p>
        <ul aria-label="Tags">
          {% for tag in post.tags %}
            <li>
              {% set tag_slug = tag|trim|lower|replace(" ", "-") %}
              <a href="{{ ('/blog/tag/' ~ tag_slug ~ '/')|url }}" rel="tag">{{ tag }}</a>
              {%- if not loop.last -%}, {%- else -%}.{%- endif -%}
            </li>
          {% endfor %}
        </ul>
      </footer>
    {% endif %}
  </article>
{% endmacro %}

{% macro render_blog_index(pagination) %}
  {% for post in pagination.items %}
    {{ render_blog_post(post, False) }}
    {% if not loop.last %}
      <hr>
    {% endif %}
  {% endfor %}
  {% if pagination.pages > 1 %}
    <footer>
      {{ render_pagination(pagination) }}
    </footer>
  {% endif %}
{% endmacro %}