{% extends "base.html" %}

{% block content %}
<section class="archive">
    {% for term in terms %}
    <ul class="post-archive">
        {# Group the posts by year #}
        {% set map = term.pages | group_by(attribute="year") %}
        {% set_global years = [] %}
        {# Convert the years map to an array (since maps do not have determined order) #}
        {% for year, ignored in map %}
        {% set_global years = years | concat(with=year) %}
        {% endfor %}

        <div class="term-name"><a href="{{ term.permalink }}" class="term-name">#{{ term.name }}</a></div>

        {% for year in years | sort | reverse %}
        <div class="years">
            {% set posts = map[year] %}
            <div class="year">{{ year }}</div>
            {% for post in posts %}
            <li class="post-item">
                <span class="post-date">{{ post.date | date(format="%m/%d") }}</span>
                <a href="{{ post.permalink }}" class="post-title">{{ post.title }}</a>
            </li>
            {% endfor %}
        </div>
        {% endfor %}
    </ul>
    {% endfor %}
</section>
{% endblock %}