<!--
   Manage images as assets -->
{{- $size := .size -}}
{{- $path := .path -}}
{{- $action := .action | default "Fill" -}}
{{- $filter := .filter | default "" -}}
<!-- If using portfolio TODO : REMOVE OUTSIDE THIS PARTIAL -->
{{- $portfolio := .pf | default false -}}
{{- $portfolio_size := .pf_size | default "800x" -}}
{{- $highres := .highres | default false -}}
<!-- Misc -->
{{- $title := .title | default "Image" -}} <!-- "false" if no title -->
{{- $lazylocal := .lazy | default true -}}
{{- $class := .class | default "" -}}

<!-- Get the image -->
{{- $img_original := resources.Get $path  -}}
{{- $img_small  := $img_original -}}
<!-- Used by portfolio -->
{{- $img_detail := ""}}
{{ if $portfolio }}
   {{- $img_detail = $img_original.Resize $portfolio_size -}}
   {{- with $filter -}}
      {{- $img_detail = $img_detail.Filter . -}}
   {{ end }}
{{ end }}

<!-- actions & image size  -->
{{- if eq $action "Fill" -}}
   {{- $img_small  = $img_original.Fill $size -}}
{{- else if (eq $action "Fit") -}}
   {{- $img_small = $img_original.Fit $size -}}
{{- else if (eq $action "Resize") -}}
   {{- $img_small = $img_original.Resize $size -}}
{{- end -}}
<!-- Manage filters -->
{{- with $filter -}}
   {{- $img_small  = $img_small.Filter . -}}
{{ end }}

<!-- manage lazyload -->
{{- $lazy := "" -}}
{{- if and site.Params.global.lazyload.enable $lazylocal -}}
   {{- $lazy = site.Params.global.lazyload.label -}}
{{- end -}}

<!-- Show the image -->
<!--
   Grey placeholder : src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="
   Now image placeholder from original image -->
<img
   {{- if and site.Params.global.lazyload.enable $lazylocal }}
      {{- $placeholder := $img_original.Resize "3x q20" }}
      src="data:image/jpeg;base64,{{ $placeholder.Content | base64Encode }}"
      data-src="{{- $img_small.RelPermalink -}}"
   {{- else }}
      src="{{- $img_small.RelPermalink -}}"
   {{- end }}
   class="img-fluid shadow rounded {{ $lazy -}} {{ $class -}}"
   alt="{{- $title -}}"
   title="{{- $title -}}"
   width="{{- $img_small.Width -}}" height="{{- $img_small.Height -}}"
>