{{define "title"}}Bilder{{end}}
{{define "main"}}
<header class='page-heading'><div><h2>Bilder</h2><p class='muted'>Alle Fotos dieses Gartens an einem Ort.</p></div></header>
<form class='panel filter-bar' method='GET'><div class='filter-fields'><div><label for='q'>Suche</label><input id='q' name='q' type='search' value='{{index .Filters "q"}}' placeholder='Dateiname'></div><div><label for='source'>Herkunft</label><select id='source' name='source'><option value=''>Alle</option><option value='plant' {{if eqString (index .Filters "source") "plant"}}selected{{end}}>Pflanzen</option><option value='species' {{if eqString (index .Filters "source") "species"}}selected{{end}}>Arten</option><option value='location' {{if eqString (index .Filters "source") "location"}}selected{{end}}>Orte</option><option value='garden' {{if eqString (index .Filters "source") "garden"}}selected{{end}}>Garten</option><option value='journal' {{if eqString (index .Filters "source") "journal"}}selected{{end}}>Tagebuch</option><option value='pinboard' {{if eqString (index .Filters "source") "pinboard"}}selected{{end}}>Pinnwand</option><option value='migration' {{if eqString (index .Filters "source") "migration"}}selected{{end}}>Übernommen</option></select></div><button class='filter-submit'>Filtern</button></div></form>
<section class='image-library-grid'>{{range .Images}}<figure class='panel image-library-item'><img src='/g/{{$.Garden.ID}}/images/{{.ID}}/data' alt='{{if .FileName}}{{.FileName}}{{else}}Gartenfoto{{end}}' loading='lazy'><figcaption>{{if .FileName}}{{.FileName}} · {{end}}{{fileSize .Size}} · {{.CreatedAt.Format "02.01.2006"}}</figcaption></figure>{{else}}<p>Noch keine Bilder vorhanden.</p>{{end}}</section>
{{template "pagination" .}}
{{end}}