{{ define "main" }}
    <hgroup>
        <h1>{{ .Title }}</h1>
        <h6>{{ .Date | time.Format ":date_full" }}</h6>
    </hgroup>
    {{ if isset .Params "image" }}
    {{ 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 }}
    {{ end }}
    <div class="flex row gap-1">
        <strong>Rating:</strong>
        {{ if isset .Params "rating" }}
        {{ $rating := .Params.rating }}
        {{ range (seq $rating) }}
        ⭐
        {{ end }}
        {{ $diff := sub 5 $rating }}
        {{ range (seq $diff) }}
        ☆
        {{ end }}
        {{ else }}
            <p>N/A</p>
        {{ end }}
    </div>
    {{ if isset .Params "amazon" }}
    <p>
        <a href="{{ .Params.amazon }}" target="_blank">amazon</a>
    </p>
    {{ end }}
    <div>
        {{- .Content -}}
    </div>
{{ end }}