{{ define "main" -}}

<!-- Collection -->
{{ if (eq .Params.type "collection") }}
    <div class="text-center my-10">
        <h1 class="text-6xl mb-7">
            {{ if isset .Params "greeting" }} {{ .Params.greeting }} {{ else }} Hello! {{ end }}
        </h1>
        <div class="flex justify-center">
            <article class="prose px-2">
                {{ .Content }}
            </article>
        </div>
    </div>

    <div class="text-center">
        {{- range.Sections.ByWeight }}
            <div class="tooltip tooltip-primary m-5" data-tip='{{ trim .Content "\n" | safeHTML }}'>
                <a href="{{ .RelPermalink }}">
                    <button class="btn btn-primary btn-lg text-xl">{{ .Title }}</button>
                </a>
            </div>
        {{- end }}
    </div>

<!-- List -->
{{ else if (eq .Params.type "list") }}
    <div class="text-center my-10">
        <h1 class="text-4xl mb-2">{{ .Title }}</h1>
        <div class="px-2">{{ .Content }}</div>
    </div>

    <div class="px-2 md:px-10">
        {{ $fields := .Params.fields }}
        {{ $entries := .Pages }}
        {{ range .Params.states }}
            {{ $state := . }}
            {{ $stateEntries := where $entries ".Params.state" $state }}
            {{- partial "table.html" (dict "state" $state "entries" $stateEntries "fields" $fields) -}}
        {{ end }}
    </div>
{{- end }}

{{- end }}

{{ define "js" -}}

<!-- List -->
{{ if (eq .Params.type "list") }}
    <script type="text/javascript" src="/tr-href.js"></script>

    <script type="text/javascript" src="/jquery.min.js"></script>
    <script type="text/javascript" src="/jquery.tablesorter.min.js"></script>

    <script>
        $(".tablesorter").tablesorter();
    </script>

{{- end }}

{{- end }}