{{ .Page.Scratch.Add "hasImages" "true" }}
{{/* Scratch to conditionally include js files. */}}
{{/* Get the image */}}
{{- $img := .Get "src" -}}
{{- $width := .Get "width" -}}
{{- $height := .Get "height" -}}
{{- $isRemote := strings.HasPrefix $img "http" -}}
{{- $isResized := false -}}
{{- $isResponsive := false -}}
{{- $originalImg := "" -}}
{{- if not $isRemote -}}
{{- $img = .Page.Resources.GetMatch $img -}}
{{- if and (not $img) .Page.File -}}
{{- $path := path.Join .Page.File.Dir $img -}}
{{- $img = resources.Get $path -}}
{{- end -}}
{{- $originalImg = $img -}}
{{/* Resize the image if desired */}}
{{- if or $width $height }}
{{- $isResized = true -}}
{{- if and $width $height -}}
{{- $img = ($img.Resize (print $width "x" $height)) -}}
{{- else if $width -}}
{{- $img = ($img.Resize (print $width "x")) -}}
{{- else if $height -}}
{{- $img = ($img.Resize (print "x" $height)) -}}
{{- end -}}
{{- end -}}
{{- end -}}
{{/* Generate responsive images if applicable */}}
{{- $src_set := "" -}}
{{- $placeholder := "" -}}
{{- if not $isRemote -}}
{{- if (ge $img.Width "500") -}}
{{- $isResponsive = true -}}
{{/*  Very small placeholder, inline in HTML  */}}
{{- $placeholder = ($img.Resize "48x q20") | images.Filter (images.GaussianBlur 6) -}}
{{- $src_set = (print $img.RelPermalink " " $img.Width "w") -}}
{{- if ge $img.Width "500" -}}
{{- $x_small := $img.Resize "500x" -}}
{{- $src_set = (print $src_set ", "  $x_small.RelPermalink " 500w") -}}
{{- end -}}
{{- if ge $img.Width "800" -}}
{{- $small := $img.Resize "800x" -}}
{{- $src_set = (print $src_set ", " $small.RelPermalink " 800w") -}}
{{- end -}}
{{- if ge $img.Width "1200" -}}
{{- $medium := $img.Resize "1200x" -}}
{{- $src_set = (print $src_set ", " $medium.RelPermalink " 1200w") -}}
{{- end -}}
{{- if gt $img.Width "1500" -}}
{{- $large := $img.Resize "1500x" -}}
{{- $src_set = (print $src_set ", " $large.RelPermalink " 1500w") -}}
{{- end -}}
{{- end -}}
{{- end -}}
<figure{{ with (.Get "class") }} class="{{ . }}"{{ end }}>
    <img data-src="{{ $img }}"
         {{- if $isResponsive }}data-sizes="auto" srcset="data:image/jpeg;base64,{{ $placeholder.Content | base64Encode }}" data-src="{{ $img.RelPermalink }}"
         data-srcset="{{ $src_set }}"{{ end -}}
         {{- if or (.Get "alt") (.Get "caption") }}
         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify | plainify }}{{ end }}"
         {{- else -}}
         alt=""
         {{- end -}}
         class="lazyload{{- if eq "true" (default "true" (.Get "overlay")) }} modalImageTrigger{{ else }} noHoverImgTrigger{{ end -}}"
         {{- with $width }} width="{{ . }}px"{{ end -}}
         {{- with $height }} height="{{ . }}px"{{ end -}}
         {{- if and $height (not $width) }} style="height: {{ $height }}px;"{{ end -}}
         {{- with .Get "title" }} imgTitle="{{ . | plainify }}"{{ end -}}
         {{- with .Get "caption" }} imgCaption="{{ . | markdownify | plainify }}"{{ end -}}
         {{- with .Get "attr" }} attr="{{ . | markdownify | plainify }}"{{ end -}}
         {{- with .Get "attrlink" }} attrlink="{{ . | plainify }}"{{ end -}}
         {{- if (.Get "link") }}
          {{- $target := (.Get "linkTarget") | default "_blank" -}}
          linkhref="{{ .Get "link" }}"
          {{- with .Get "linkTxt" }} linkTxt="{{ . | markdownify | plainify }}"{{ end -}}
          linktarget="{{ $target }}"
          linkrel="{{- with .Get "linkRel" }}{{ . | plainify }}{{ else }}{{ if eq $target "_blank" }}noreferrer{{ end }}{{ end -}}"         
         {{ end -}}
         {{/* Link the high res version of the image if applicable */}}
         {{- if and (not $isRemote) $isResized }}
          hsrc="{{ $originalImg.RelPermalink }}"
          hwidth="{{ $originalImg.Width }}"
          hheight="{{ $originalImg.Height }}"
         {{ end -}}
    />
    {{- if or (.Get "link") (or (.Get "attrlink") (or (.Get "attr") (or (.Get "title") (.Get "caption")))) -}}
        <figcaption>
            {{- with (.Get "title") -}}
                <h4>{{ . }}</h4>
            {{- end -}}
            {{- with (.Get "caption") -}}
                <p>{{ . }}</p>
            {{- end -}}
            {{- if and (.Get "attr") (not (.Get "attrlink")) -}}
                <p>Source: {{ (.Get "attr") | markdownify }}</p>
            {{- end -}}
            {{- with (.Get "attrlink") -}}
                <p>Source: <a href="{{ . }}" target="_blank" rel="noreferrer">{{ default . (($.Get "attr") | markdownify) }}</a></p>
            {{- end -}}
            {{- if (.Get "link") -}}
                {{- $target :=  (.Get "linkTarget") | default "_blank" -}}
                <p>Link: <a href="{{ .Get "link" }}" target="{{ $target }}" rel="{{- with .Get "linkRel" }}{{ . | plainify }}{{ else }}{{ if eq $target "_blank" }}noreferrer{{ end }}{{ end -}}">{{ default . (($.Get "linkTxt") | markdownify) }}</a></p>
            {{- end -}}
        </figcaption>
    {{- end -}}
</figure>