{{ define "main" }}
<div class="flex row gap-1">
    {{ if isset .Params "image" }}
    <figure>
    {{ with resources.GetRemote .Params.image }}
        {{ with .Err }}
            {{ errorf "%s" . }}
        {{ else }}
            {{ $image := . }}
            {{ $image := $image.Resize "250x" }}
            <img
                src="{{ $image.RelPermalink }}"
                width="{{ $image.Width }}"
                height="{{ $image.Height }}"
                alt="Book cover of the book {{ .Title }}"
            />
        {{ end }}
    {{ else }}
        {{ errorf "unable to get remote resource %q" .Params.image }}
    {{ end }}
        <figcaption>
        </figcaption>
    </figure>
    {{ end }}
    <div class="book-notes">
        <hgroup>
            <h1>{{ .Title }}</h1>
            {{ with .Params.last_read }}
            {{ $last := index (.) 0 }}
            {{/* if last_read is an array get the first item */}}
            <h6>Finished on: {{ $last | time.Format ":date_full" }}</h6>
            {{ end }}
            <h6>Rating:
            {{ if isset .Params "rating" }}
            {{ $rating := .Params.rating }}
            {{ range (seq $rating) }}
            ⭐
            {{ end }}
            {{ $diff := sub 5 $rating }}
            {{ range (seq $diff) }}
            ☆
            {{ end }}
            {{ else }}
                N/A
            {{ end }}
            </h6>
            {{ if isset .Params "amazon" }}
            <h6>Links:
                <a href="{{ .Params.amazon }}" target="_blank">Amazon</a>
            </h6>
            {{ end }}
        </hgroup>
        {{- .Content -}}
    </div>
</div>
{{ end }}