{{- $id := .id }}
{{- $config := .config }}

{{- with site.GetPage $config.contentFolder -}}
<h1>{{ $config.title }}</h1>

{{- with $config.innerTopRibbon -}}
{{ partial "ribbon" (dict "ribbon" $config.innerTopRibbon) }}
{{- end -}}

<div class="gallery-container">
    {{- $images := .Resources.ByType "image" }}
    {{- range $index, $image := $images }}
    {{- if eq (mod $index 8) 0 }}
    {{- if gt (div $index 8) 0 -}}
    </div>
    {{- end -}}
    <div class="page-container" data-page="{{ div $index 8 }}">
    {{- end -}}
        <img src="{{ .RelPermalink }}" />
    {{- end }}
    {{- $remaining := mod (len $images) 8 }}
    {{- if gt $remaining 0 }}
    {{- range $i := seq (add $remaining 1) 8 -}}
        <div class="empty"></div>
    {{- end }}
    {{- end -}}
    </div>
    <div class="pages">
        {{- $pageCount := div (len $images) 8 }}
        {{- if gt $pageCount 1 }}
        {{- range $i := seq 0 (sub $pageCount 1) -}}
        <div class="page button" data-page="{{ $i }}"><span>{{ add $i 1 }}</span></div>
        {{- end -}}
        {{- end -}}
    </div>
</div>
{{- end }}