{{ define "main" }}
{{ partial "breadcrumbs.html" . }}

<div class="site-container section">
  <header class="mb-8 max-w-3xl">
    <h1 class="text-3xl font-extrabold tracking-tight sm:text-4xl">{{ .Params.h1 | default .Title }}</h1>
    {{ with .Params.description }}<p class="mt-3 text-lg text-secondary/70">{{ . }}</p>{{ end }}
  </header>

  {{ with .Content }}<div class="prose-content max-w-3xl">{{ . }}</div>{{ end }}

  {{ $games := sort (where .Site.RegularPages "Section" "slots") "Title" }}
  <section class="mt-10" aria-label="Game library">
    {{ if $games }}
      {{ partial "games-filter.html" (dict "page" . "games" $games) }}
    {{ else }}
      <p class="rounded-lg bg-secondary/5 p-6 text-secondary/70">No games have been added yet. Add page bundles under <code>content/slots/games/&lt;slug&gt;/index.md</code>.</p>
    {{ end }}
  </section>

  {{ if not .Params.hideCta }}
    <div class="mt-12 max-w-3xl rounded-2xl border border-primary/20 bg-primary/5 p-6">
      <h2 class="text-xl font-bold">Ready to spin?</h2>
      <p class="mt-1 text-secondary/70"><span data-age-value>{{ .Site.Data.brand.ageRestrictionDefault }}</span>+ only. T&amp;Cs apply. Please gamble responsibly.</p>
      <div class="mt-4">{{ partial "cta-button.html" (dict "page" . "text" "Play the Slots" "size" "lg") }}</div>
    </div>
  {{ end }}
</div>

{{ partial "related-pages.html" . }}
{{ end }}