{# MaatLog archive page — implements Theme API 1.0 blocks and semantic classes. #}
{%- extends "layout.html" -%}

{%- block extrahead -%}
  {{ super() }}
  {%- block maatlog_head -%}
  {%- for feed in maatlog.feeds -%}
  <link rel="alternate" type="application/atom+xml" title="{{ feed.title|e }}" href="{{ feed.url|e }}" />
  {%- endfor -%}
  {%- endblock maatlog_head -%}
{%- endblock extrahead -%}

{%- block body -%}
<section class="maatlog-archive" data-maatlog-component="archive">
  {%- block maatlog_archive_header -%}
  {%- set is_home = maatlog.archive and maatlog.archive.is_home -%}
  {%- if is_home -%}
  <header class="maatlog-archive-header maatlog-hero" data-maatlog-component="hero">
    <h1 class="maatlog-hero-title">{{ maatlog.site.title|e }}</h1>
    {%- if maatlog.site.tagline -%}
    <p class="maatlog-hero-tagline">{{ maatlog.site.tagline|e }}</p>
    {%- endif -%}
    <p class="maatlog-hero-meta">
      <span class="maatlog-archive-count">{{ maatlog.archive.total_posts }} posts</span>
      {%- if maatlog.posts and maatlog.posts[0].published_at -%}
      <time class="maatlog-hero-updated" datetime="{{ maatlog.posts[0].published_at.isoformat() }}">{{ maatlog.posts[0].published_at.strftime('%Y-%m-%d') }}</time>
      {%- endif -%}
    </p>
    {%- include "maatlog/components/feed-links.html" -%}
  </header>
  {%- else -%}
  <header class="maatlog-archive-header">
    {%- if maatlog.archive -%}
    <h1>{{ maatlog.archive.label|e }}</h1>
    <p class="maatlog-archive-meta">
      <span class="maatlog-archive-kind">{{ maatlog.archive.kind|e }}</span>
      <span class="maatlog-archive-count">{{ maatlog.archive.total_posts }} posts</span>
    </p>
    {%- else -%}
    <h1>{{ title|e }}</h1>
    {%- endif -%}
  </header>
  {%- endif -%}
  {%- endblock maatlog_archive_header -%}

  {%- block maatlog_archive_items -%}
  <div class="maatlog-post-list">
    {%- with cards=maatlog.posts, featured_count=(3 if maatlog.archive and maatlog.archive.is_home else 0) -%}
    {%- include "maatlog/components/post-grid.html" -%}
    {%- endwith -%}
  </div>
  {%- endblock maatlog_archive_items -%}

  {%- block maatlog_post_header -%}{%- endblock maatlog_post_header -%}
  {%- block maatlog_post_meta -%}{%- endblock maatlog_post_meta -%}
  {%- block maatlog_post_body -%}{%- endblock maatlog_post_body -%}
  {%- block maatlog_post_navigation -%}{%- endblock maatlog_post_navigation -%}

  {%- block maatlog_pagination -%}
  {%- include "maatlog/components/pagination.html" -%}
  {%- endblock maatlog_pagination -%}

  {#- The sidebar now lives in the layout's left column (Theme API 1.2).
      The block stays because it is a required block of the contract. -#}
  {%- block maatlog_sidebar -%}{%- endblock maatlog_sidebar -%}
</section>
{%- endblock body -%}