{% extends "base.html" %}

{% block main_content %}

{{ macros_page_header::page_header(title=section.title) }}

{# Set locale for date #}
{% set date_locale = macros_translate::translate(key="date_locale", default="en_GB", language_strings=language_strings) %}

<div class="archive">
    <ul class="list-with-title">
        {%- set source_paths = section.extra.section_path | default(value="blog/") -%}
        {%- if source_paths is iterable -%}
            {%- set paths = source_paths -%}
        {%- else -%}
            {%- set paths = [source_paths] -%}
        {%- endif %}
        {%- set all_posts = [] -%}
        {%- for path in paths -%}
            {%- if lang == config.default_language %}
                {%- set section_item = get_section(path=path ~ "_index.md") -%}
            {%- else %}
                {%- set section_item = get_section(path=path ~ "_index." ~ lang ~ ".md") -%}
            {%- endif %}
            {%- set_global all_posts = all_posts | concat(with=section_item.pages) -%}
        {%- endfor %}

        {# Group posts by year. #}
        {% set posts_by_year = all_posts | group_by(attribute="year") %}
        {% set years = [] %}
        {% for year, ignored in posts_by_year %}
            {% set_global years = years | concat(with=[year]) %}
        {% endfor %}

        {# Iterate over sorted & reversed years (newest to oldest). #}
        {% for year in years | sort | reverse %}
            {% set posts = posts_by_year[year] %}
            {% if posts | length > 0 %}
            <li>
                <h2 class="listing-title">{{ year }}</h2>
                <ul class="listing">
                    {% for post in posts %}
                    <li class="listing-item">
                        <div class="post-time">
                            <span class="date">
                                {{ post.date | date(format="%d %b", locale=date_locale) }}
                            </span>
                        </div>
                        <a href="{{ post.permalink }}" title="{{ post.title }}">{{ post.title }}</a>
                    </li>
                    {% endfor %}
                </ul>
            </li>
            {% endif %}
        {% endfor %}
    </ul>
</div>

{% endblock main_content %}