{% extends "base.html" %}

{% block title %}{{ section.title }} | {{ config.title }}{% endblock title %}
{% block description %}{{ section.description }}{% endblock description %}

{% block content %}
<div class="site-container listing-page">
  <header class="page-header">
    <h1>{{ section.title }}</h1>
    <p>{{ section.description }}</p>
  </header>

  {% if section.pages %}
  <div class="archive">
    {% for year, pages in section.pages | group_by(attribute="year") %}
    <section class="archive-year" aria-labelledby="year-{{ year }}">
      <h2 id="year-{{ year }}">{{ year }}</h2>
      <div class="note-list">
        {% for note in pages %}
        {% set item = note %}
        {% include "partials/note-list-item.html" %}
        {% endfor %}
      </div>
    </section>
    {% endfor %}
  </div>
  {% else %}
  <p class="empty-state">Notesはまだありません。</p>
  {% endif %}
</div>
{% endblock content %}