---
layout: layouts/base.njk
title: Weekly Digest
withSidebar: true
eleventyExcludeFromCollections: true
eleventyImport:
  collections:
    - weeklyDigests
pagination:
  data: collections.weeklyDigests
  size: 20
  alias: paginatedDigests
permalink: "digest/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
---
<div>
  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Weekly Digest</h1>
  <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
    A weekly summary of all posts. Subscribe via <a href="/digest/feed.xml" class="text-primary-600 dark:text-primary-400 hover:underline">RSS</a> for one update per week.
  </p>

  {% if paginatedDigests.length > 0 %}
  <ul class="space-y-4">
    {% for d in paginatedDigests %}
    <li class="p-4 bg-white dark:bg-surface-800 border border-surface-200 dark:border-surface-700 rounded-lg hover:border-primary-300 dark:hover:border-primary-600 transition-colors">
      <a href="/digest/{{ d.slug }}/" class="block">
        <h2 class="font-semibold text-surface-900 dark:text-surface-100 hover:text-primary-600 dark:hover:text-primary-400">
          {{ d.label }}
        </h2>
        <p class="text-sm text-surface-500 dark:text-surface-400 mt-1">
          {{ d.startDate | dateDisplay }} &ndash; {{ d.endDate | dateDisplay }}
          &middot; {{ d.posts.length }} post{% if d.posts.length != 1 %}s{% endif %}
        </p>
        {% set typeLabels = [] %}
        {% for key, posts in d.byType %}
          {% set typeLabels = (typeLabels.push(key + " (" + posts.length + ")"), typeLabels) %}
        {% endfor %}
        {% if typeLabels.length %}
        <p class="text-xs text-surface-400 dark:text-surface-500 mt-1">
          {{ typeLabels | join(", ") }}
        </p>
        {% endif %}
      </a>
    </li>
    {% endfor %}
  </ul>

  {% if pagination.pages.length > 1 %}
  <nav class="pagination mt-8" aria-label="Digest pagination">
    <div class="pagination-info">
      Page {{ pagination.pageNumber + 1 }} of {{ pagination.pages.length }}
    </div>
    <div class="pagination-links">
      {% if pagination.href.previous %}
      <a href="{{ pagination.href.previous }}" class="pagination-link" aria-label="Previous page">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
        Previous
      </a>
      {% else %}
      <span class="pagination-link disabled">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
        Previous
      </span>
      {% endif %}

      {% if pagination.href.next %}
      <a href="{{ pagination.href.next }}" class="pagination-link" aria-label="Next page">
        Next
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
      </a>
      {% else %}
      <span class="pagination-link disabled">
        Next
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
      </span>
      {% endif %}
    </div>
  </nav>
  {% endif %}

  {% else %}
  <p class="text-surface-600 dark:text-surface-400">No digests yet. Posts will be grouped into weekly digests automatically.</p>
  {% endif %}
</div>