{{ define "main" }}
<div class="content-grid">

  <main id="main-content">

    <!-- Section Header -->
    <div style="margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:2px solid var(--border-dim);">
      <h1 style="font-family:var(--font-terminal); font-size:1.8rem; color:var(--amber-light); letter-spacing:0.06em; text-shadow: 0 0 10px var(--glow-amber);">
        {{ if .IsHome }}ARCHIVE{{ else }}{{ .Title | upper }}{{ end }}
      </h1>
      <p class="taxonomy-header">
        <span style="color:var(--forest-light);">~/{{ .Section | default "posts" }} $</span>
        ls -la &bull;
        <span style="color:var(--amber);">{{ len .Pages }} entries</span>
      </p>
    </div>
{{- $tags := .Site.Taxonomies.tags }}
{{- $currentTag := .Data.Term }}
{{- with $tags }}
<div style="display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.5rem; align-items:center;">
  <span style="font-family:var(--font-terminal); font-size:0.8rem; color:var(--forest-light); letter-spacing:0.08em; margin-right:0.25rem;">FILTER:</span>
  <a href="{{ "posts/" | relURL }}"
     class="tag"
     style="{{ if not $currentTag }}color:var(--amber); border-color:var(--amber-dark);{{ end }}">
    all
  </a>
  {{- range $name, $pages := $tags }}
  <a href="{{ "tags/" | relURL }}{{ $name | urlize }}/"
     class="tag"
     style="{{ if eq $name $currentTag }}color:var(--amber); border-color:var(--amber-dark);{{ end }}">
    {{ $name }}
    <span style="color:var(--text-dim); font-size:0.75em;">({{ len $pages }})</span>
  </a>
  {{- end }}
</div>
{{- end }}

    {{- if .Pages }}

    {{/* Group posts by year */}}
    {{- range (.Pages.GroupByDate "2006") }}
    <div style="margin-bottom:2.5rem;">

      <!-- Year marker -->
      <div style="
        font-family: var(--font-terminal);
        font-size: 0.8rem;
        color: var(--text-dim);
        letter-spacing: 0.15em;
        padding: 0.3rem 0;
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--border-dim);
        display: flex;
        align-items: center;
        gap: 0.75rem;
      ">
        <span style="color:var(--orange);">▶</span>
        <span>YEAR://{{ .Key }}</span>
        <span>({{ len .Pages }} entries)</span>
      </div>

      <ul class="post-list">
        {{- range .Pages }}
        <li class="post-card pixel-border" data-index="{{ .Date.Format "01-02" }}">

          <div class="post-card__meta">
            <span class="prompt">$ cat</span>
            <span class="post-card__date">{{ .Date.Format "Jan 02" }}</span>
          </div>

          <h2 class="post-card__title">
            <a href="{{ .Permalink }}">{{ .Title }}</a>
          </h2>

          {{- with .Params.subtitle }}
          <p class="post-subtitle" style="font-family:var(--font-body); font-style:italic; color:var(--text-muted); font-size:0.88rem; margin-bottom:0.5rem; margin-top:-0.3rem;">{{ . }}</p>
          {{- end }}

          {{- with .Summary }}
          <p class="post-card__summary">{{ . }}</p>
          {{- end }}

          {{- with .Params.tags }}
          <div class="post-card__tags">
            {{- range . }}
            <a href="{{ "tags/" | relURL }}{{ . | urlize }}/" class="tag">{{ . }}</a>
            {{- end }}
          </div>
          {{- end }}

        </li>
        {{- end }}
      </ul>

    </div>
    {{- end }}

    {{- else }}
    <div class="pixel-border" style="padding:2rem; font-family:var(--font-terminal); color:var(--text-dim); text-align:center; line-height:2;">
      <p>// QUERY RETURNED 0 RESULTS</p>
      <p style="color:var(--text-muted); font-style:italic; font-family:var(--font-body); margin-top:0.5rem;">
        The archive is silent. Return when manuscripts have been added.
      </p>
    </div>
    {{- end }}

    <!-- Pagination -->
    {{- template "partials/pagination.html" . }}

  </main>

  <!-- Sidebar -->
  {{ partial "sidebar.html" . }}

</div>
{{ end }}

{{- define "partials/pagination.html" }}
{{- $pager := .Paginate .Pages }}
{{- if gt $pager.TotalPages 1 }}
<nav class="pagination" aria-label="Pagination">
  {{- if $pager.HasPrev }}
  <a href="{{ $pager.Prev.URL }}">&lt;&lt; PREV</a>
  {{- end }}

  {{- range $pager.Pagers }}
  {{- if eq . $pager }}
  <span class="current">{{ .PageNumber }}</span>
  {{- else }}
  <a href="{{ .URL }}">{{ .PageNumber }}</a>
  {{- end }}
  {{- end }}

  {{- if $pager.HasNext }}
  <a href="{{ $pager.Next.URL }}">NEXT &gt;&gt;</a>
  {{- end }}
</nav>
{{- end }}
{{- end }}