{{template "base" .}}
{{define "head"}}
<script src="/static/js/moments.js"></script>
{{end}}
{{define "content"}}

<img src="#" id="moment_current_image">
<input type="range" min="0" max="1" value="0" id="moment_slider">

<script>
    let streamName = "{{.Stream.Name}}";
    let watchAreaName = "{{.WatchArea.Name}}";
    let moments = [
    {{range $moment := .Moments}}
        [
        {{range $image := $moment}}
            '{{$image}}',
        {{end}}
],
    {{end}}
    ];
</script>
{{end}}