{{ define "main" }}

<div class="max-w-prose mx-auto flex justify-center">
  <article class="prose prose-slate lg:prose-xl dark:prose-invert">
    <h1 class="lg:text-6xl">{{ .Title }}</h1>
    {{ .Content }}
  </article>
</div>

{{ $view := .Params.view | default "card" }}
{{ $block := . }}

{{/* Check if any pages have author_notes to enable Alpine.js */}}
{{ range .Pages }}
  {{ if isset .Params "author_notes" }}
    {{ $.Store.Set "has_alpine" true }}
    <script>console.log('Author notes found in list - Alpine.js enabled');</script>
    {{ break }}
  {{ end }}
{{ end }}

<div class="flex flex-col items-center">

  {{ partial "functions/render_view" (dict "fragment" "start" "page" $block "item" . "view" $view) }}

  {{ $paginator := .Paginate .Pages.ByDate.Reverse }}
  {{ range $index, $item := $paginator.Pages }}
  {{ partial "functions/render_view" (dict "page" . "item" . "view" $view "index" $index) }}
  {{end}}

  {{ partial "functions/render_view" (dict "fragment" "end" "page" $block "item" . "view" $view) }}

  {{ partial "components/paginator" . }}

</div>

{{ end }}