{{ define "main" -}}
    <div class="text-center mt-10 mb-8">
        {{ if isset .Params "title-url"}}
        <a href='{{ index .Params "title-url" }}' class="link">
            <h1 class="text-4xl px-2">{{ .Title }}</h1>
        </a>
        {{ else }}
        <h1 class="text-4xl px-2">{{ .Title }}</h1>
        {{ end }}
        <h2 class="font-bold italic mt-5">{{ .Params.state | humanize | title }}</h2>
    </div>

    <!-- Gets fields from latest list parent -->
    {{ $fields := "" }}
    {{ range where .Ancestors ".Params.type" "list" | first 1 }}
        {{ $fields = .Params.fields }}
    {{ end }}

    <div class="flex justify-center">
        <div class="flex flex-col justify-around
                    md:flex-row md:w-[65ch]">
            {{ $pageParams := .Params }}
            {{ range $fields }}
                {{ $fieldName := index . "name" }}
                {{ $fieldValue := index $pageParams $fieldName }}
                <div class="flex flex-col items-center mb-5
                            md:mb-0">
                    <p>{{ $fieldName | title }}</p>
                    <h2 class="text-lg font-bold">{{ $fieldValue }}</h2>
                </div>
            {{ end }}
        </div>
    </div>

    <div class="flex justify-center my-10 px-2">
        <article class="prose">
            {{ .Content }}
        </article>
    </div>
{{- end }}