{{ define "main" }}
<div class="mx-auto px-4 py-12 max-w-4xl">
  <!-- Page title with taxonomy type -->
  <h1 class="section-title" data-text="{{ i18n .Data.Singular }}">{{ i18n .Data.Singular }}</h1>

  <!-- Current term heading -->
  <p class="text-lg text-text-dim mb-12">
    <span class="inline-flex items-center px-3 py-1 rounded text-sm font-medium border border-accent/30 text-accent">
      {{ .Title }}
    </span>
  </p>

  <!-- Articles list -->
  <div class="space-y-6 max-w-3xl">
    {{ $pinned := where .Pages "Params.pinned" true }}
    {{ $unpinned := where .Pages "Params.pinned" false }}

    <!-- If no unpinned posts found (because param is undefined), get all non-pinned pages -->
    {{ if eq (len $unpinned) 0 }}
      {{ $unpinned = where .Pages "Params.pinned" nil }}
      {{ if eq (len $unpinned) 0 }}
        {{ $unpinned = where .Pages "Params.pinned" "" }}
      {{ end }}
    {{ end }}

    <!-- Pinned posts first -->
    {{ range (sort $pinned "Date" "desc") }}
      {{ partial "article-card.html" . }}
    {{ end }}

    <!-- Regular posts -->
    {{ range (sort $unpinned "Date" "desc") }}
      {{ partial "article-card.html" . }}
    {{ end }}

    <!-- Empty state -->
    {{ if eq (len .Pages) 0 }}
      <div class="py-12 text-center text-text-dim">
        {{ i18n "noRelated" }}
      </div>
    {{ end }}
  </div>
</div>
{{ end }}
