{% 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) %}
  {% set toc = namespace(items=[]) %}

  {% if show_toc and post.render_toc %}
    {% for block in post.body.blocks %}
      {% if block._flowblock == "markdown" and block.text %}
        {% set toc.items = toc.items + (block.text.toc | default([])) %}
      {% endif %}
    {% endfor %}
  {% endif %}

  {% set latest_change = post.changelog.blocks | max(attribute="date") if post.changelog else none %}

  <article class="h-entry">
    <header>
      <div>
        <h2>
          <a href="{{ post|url }}" class="u-url p-name">{{ 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') }}"
                        class="dt-published">{{ 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 latest_change and post.publication_date and latest_change.date > post.publication_date %}
            <div>
              <dt>Last updated:</dt>
              <dd>
                <time datetime="{{ latest_change.date | dateformat('yyyy-MM-dd') }}"
                      class="dt-updated">{{ latest_change.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 }}" class="p-category">{{ category.name }}</a>
              </dd>
            </div>
          {% endif %}
          <a rel="author"
             class="p-author h-card display-none"
             href="{{ '/about' | url(absolute=True) }}">Dennis Fink</a>
        </dl>
      </div>
      {% if show_toc and post.render_toc %}
        {{ render_toc(toc.items) }}
      {% endif %}
    </header>
    <div class="e-content">{{ post.body }}</div>
    {% if post.tags or post.changelog %}
      <footer>
        {% if post.tags %}
          <ul aria-label="Tags">
            <li>Tagged with</li>
            {% for tag in post.tags %}
              <li>
                {% set tag_slug = tag|trim|lower|replace(" ", "-") %}
                <a href="{{ ('/blog/tag/' ~ tag_slug ~ '/')|url }}"
                   rel="tag"
                   class="p-category">{{ tag }}</a>
                {%- if not loop.last -%}, {%- else -%}.{%- endif -%}
              </li>
            {% endfor %}
          </ul>
        {% endif %}
        {% if post.changelog %}
          <section class="changelog" aria-labelledby="changelog-heading">
            <h3 id="changelog-heading">Changelog</h3>
            <ul>
              {% for entry in post.changelog.blocks %}
                <li>
                  <time datetime="{{ entry.date | dateformat('yyyy-MM-dd') }}">
                    {{ entry.date | dateformat("d MMMM yyyy") }}
                  </time>
                  <span>{{ entry.description }}</span>
                </li>
              {% endfor %}
            </ul>
          </section>
        {% endif %}
      </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 %}