{{- $folder := .Folder -}}
{{- $files := slice -}}
{{- $dimensions := "320x320" -}}
{{- $author := strings.TrimPrefix "public/" (strings.TrimSuffix "/media/" $folder) -}}
{{- $prefix := print (partial "function-paths.html" "media") "/" $author "/gallery-walker_" -}}

{{- if fileExists $folder -}}
  {{- range readDir $folder -}}

    {{- $name      := index (split .Name ".") 0 -}}
    {{- $extension := path.Ext .Name -}}

    {{- if or
      (eq $extension ".apng")
      (eq $extension ".avif")
      (eq $extension ".gif")
      (eq $extension ".jfif")
      (eq $extension ".jpeg")
      (eq $extension ".jpg")
      (eq $extension ".pjp")
      (eq $extension ".pjpeg")
      (eq $extension ".png")
      (eq $extension ".svg")
      (eq $extension ".webp")
    -}}
      {{-
        $files = $files | append (dict
          "Name" .Name
          "Path" (path.Join $folder .Name)
        )
      -}}
    {{- end -}}

    {{- if eq (len $files) 6 -}}
      {{- break -}}
    {{- end -}}
  {{- end -}}

  {{- if $files -}}

    {{- range $files -}}
      {{- with $image := resources.Get .Path -}}

      {{- $srcset := (.Content | resources.FromString (print $prefix (path.Base .))).Fit (print $dimensions " webp") -}}
      {{- $image = (.Content | resources.FromString (print $prefix (path.Base .))).Fit (print $dimensions " png") -}}
      {{- $decodedURL := print "/" (replaceRE "-" "/" (path.Base .Name) 2 | replaceRE "-.........webp" "") "/" -}}
      {{- $relatedPage := or (in $decodedURL "/messages/") (in $decodedURL "/feeds/") -}}

      {{- if not $relatedPage -}}
        {{- $decodedURL = print "/" $author "/" -}}
      {{- end -}}

      <a href="{{ $decodedURL }}">
        <picture>
          <source srcset="{{ $srcset.RelPermalink }}" type="image/webp" />
          <img loading="lazy"
            alt="{{ .Name }}"
            title="{{ .Name }}"
            width="{{ $image.Width }}"
            height="{{ $image.Height }}"
            src="{{ $image.RelPermalink }}"
          />
        </picture>
      </a>
     {{- end -}}
    {{- end -}}

    <gallery-overlay></gallery-overlay>

  {{- else -}}
    <footer>
      <code>No media found!</code>
    </footer>
  {{- end -}}
{{- else -}}
  <footer>
    <code>No media found!</code>
  </footer>
{{- end }}