{% import "_macros.html" as macros %}
{% extends "index.html" %}

{% block title %}{{ section.title }} - {{ config.title }} {% endblock title %}

{% block header %}
<header class="box-shadow">
    {{ macros::render_header() }}
</header>
{% endblock header %}

{% block metadata %}
    <meta property="og:url" content="{{ section.permalink }}" />
    <meta property="og:title" content="{{ config.title }} - {{ section.title }}" />
    <meta property="og:description" content="{{ section.description | default(value="") | striptags }}" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="en_AU" />
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:creator" content="{{ config.extra.twitter_name }}" />
{% endblock %}

{% block content %}
<h1 class="heading-text">{{ section.description }}</h1>
{{ section.content | safe }}

{% for page in paginator.pages %}
    <article>
      <h2><a href="{{ page.permalink }}">{{ page.title }}</a></h2>
      <time datetime="{{ page.date }}">{{ page.date | date(format="%d %B %Y") }}</time>

      <div>
        {% if page.description %}
          <p>{{ page.description }}</p>
        {% else %}
          {{ page.summary | safe }}
        {% endif %}
      </div>

      <a href="{{ page.permalink }}">Read more →</a>
    </article>
{% endfor %}

<nav class="pagination">
    {% if paginator.previous %}
        <a class="previous" href="{{ paginator.previous }}">‹ Previous</a>
    {% endif %}
    {% if paginator.next %}
        <a class="next" href="{{ paginator.next }}">Next ›</a>
    {% endif %}
</nav>
{% endblock content %}