{% extends "base.html" %}

{% block content %}
{% set signes = get_section(path="signes/_index.md") %}
{% set vocabulaire = get_section(path="vocabulaire/_index.md") %}
{% set grammaire = get_section(path="grammaire/_index.md") %}
{% set textes = get_section(path="textes/_index.md") %}
{% set articles = get_section(path="articles/_index.md") %}

{% set recent = signes.pages | concat(with=vocabulaire.pages) %}
{% set recent = recent | concat(with=grammaire.pages) %}
{% set recent = recent | concat(with=textes.pages) %}
{% set recent = recent | filter(attribute="date") %}

{# Les pages proviennent de plusieurs sections. Tera ne peut pas les trier
   directement sur « updated, sinon date » ; on trie donc des clés composées
   de la date d’activité et du permalien. #}
{% set recent_keys = [] %}
{% for item in recent %}
    {% if item.updated %}
        {% set activity_date = item.updated | date(format="%Y%m%d%H%M%S") %}
    {% else %}
        {% set activity_date = item.date | date(format="%Y%m%d%H%M%S") %}
    {% endif %}
    {% set item_key = activity_date ~ item.permalink %}
    {% set_global recent_keys = recent_keys | concat(with=item_key) %}
{% endfor %}
{% set recent_keys = recent_keys | sort | reverse %}

{% include "partials/section-header.html" %}

<section class="home-intro">
    <div class="home-intro__text">
        {{ section.content | safe }}
    </div>

    <figure class="home-intro__figure">
        <img class="home-intro__image" src="{{ get_url(path='images/DP-12499-013.webp') | safe }}" width="640"
            height="1120" alt="Tablette cunéiforme portant une lettre privée en akkadien paléo-babylonien"
            decoding="async">
        <figcaption class="home-intro__caption">
            Lettre privée paléo-babylonienne, vers 1632 av. J.-C. —
            <a href="https://www.metmuseum.org/art/collection/search/321706" target="_blank" rel="noopener noreferrer">
                The Metropolitan Museum of Art, 86.11.111
            </a>.
        </figcaption>
    </figure>
</section>

{% if articles.pages %}
{% set article = articles.pages | first %}

<section class="home-latest" aria-labelledby="home-latest-title">
    <h2 id="home-latest-title">Dernier article</h2>

    <article class="home-latest__entry">
        <h3>
            <a href="{{ article.permalink | safe }}">{{ article.title }}</a>
        </h3>

        <p class="entry-date">
            <time datetime="{{ article.date }}">{{ article.date | date(format="%d/%m/%Y") }}</time>
        </p>

        {% if article.description %}
        <p class="home-latest__description">{{ article.description }}</p>
        {% endif %}

        <a class="home-latest__link" href="{{ article.permalink | safe }}">Lire l’article</a>
    </article>
</section>
{% endif %}

{% set directory_sections = [
    signes,
    vocabulaire,
    grammaire,
    textes,
    articles
] %}

<nav class="home-directory" aria-labelledby="home-directory-title">
    <h2 id="home-directory-title">Explorer les carnets</h2>

    <ul class="home-directory__list">
        {% for directory_section in directory_sections %}
        <li>
            <a href="{{ directory_section.permalink | safe }}">
                {{ directory_section.title }}
            </a>

            {% if directory_section.description %}
            <p>{{ directory_section.description }}</p>
            {% endif %}
        </li>
        {% endfor %}
    </ul>
</nav>

{% if recent_keys %}
<section aria-labelledby="recent-title">
    <h2 id="recent-title">Fiches récentes</h2>
    <ul class="entry-list">
        {% for recent_key in recent_keys | slice(end=3) %}
            {% for item in recent %}
                {% if item.updated %}
                    {% set activity_date = item.updated | date(format="%Y%m%d%H%M%S") %}
                {% else %}
                    {% set activity_date = item.date | date(format="%Y%m%d%H%M%S") %}
                {% endif %}
                {% set item_key = activity_date ~ item.permalink %}
                {% if item_key == recent_key %}
        <li>
            <a href="{{ item.permalink | safe }}">
                {% if "/signes/" in item.path %}
                {% set sign = item.extra | get(key="sign", default="") %}
                {% if sign %}
                <span class="cuneiform" lang="und-Xsux" aria-hidden="true">{{ sign }}</span>
                {% endif %}
                {% endif %}
                {% if "/vocabulaire/" in item.path %}<span lang="akk-Latn">{{ item.title }}</span>{% else %}{{
                item.title }}{% endif %}
            </a>
            <div class="entry-list__meta">
                {% if "/signes/" in item.path %}
                Signe
                {% elif "/vocabulaire/" in item.path %}
                Vocabulaire
                {% elif "/grammaire/" in item.path %}
                Grammaire
                {% elif "/textes/" in item.path %}
                Texte
                {% endif %}
                {% if item.updated %}
                · Mise à jour le <time datetime="{{ item.updated }}">{{ item.updated | date(format="%d/%m/%Y") }}</time>
                {% else %}
                · Publication le <time datetime="{{ item.date }}">{{ item.date | date(format="%d/%m/%Y") }}</time>
                {% endif %}
            </div>
        </li>
                    {% break %}
                {% endif %}
            {% endfor %}
        {% endfor %}
    </ul>
</section>
{% endif %}

<section class="home-about" aria-labelledby="home-about-title">
    <h2 id="home-about-title">À propos de ce site</h2>
    <p>
        Ce site évolue au rythme de mon apprentissage et ne prétend pas se substituer à une grammaire ou à un
        dictionnaire spécialisé. J’apprends pour l’instant le paléo-babylonien : les formes et les analyses présentées
        ici concernent donc principalement cette période. Les autres périodes ou dialectes seront précisés au fil de mes
        découvertes. Les principaux ouvrages sur lesquels je m’appuie sont présentés dans la bibliographie.
    </p>
    <p>
        Les fiches peuvent être consultées à l’écran, imprimées ou enregistrées au format PDF.
    </p>
    <p>
        Suggestions, remarques et corrections sont les bienvenues ; un lien de contact est disponible ci-dessous.
    </p>
</section>
{% endblock content %}