{{define "headScripts"}}<script src="/_/search-actions.js"></script>{{end}}

{{define "searchQuery"}}{{.Query}}{{end}}

{{define "content"}}
{{if .Query}}
    {{if .Results}}
    <p class="muted">{{len .Results}} match{{if ne (len .Results) 1}}es{{end}} for &ldquo;{{.Query}}&rdquo;</p>
    <hr/>
    {{range .Results}}
    <article class="search-card">
        <a href="{{.URL}}">{{.Name}}</a>
        <div class="muted">/{{.Path}}</div>
    </article>
    {{end}}
    {{else}}
    <p class="empty">No matches for &ldquo;{{.Query}}&rdquo;.</p>
    {{end}}
{{else}}
<p class="empty">Enter a query above.</p>
{{end}}
{{end}}

{{define "footerExtras"}}
{{if not .IndexBuiltAt.IsZero}}<span class="muted">· Index: {{.IndexBuiltAt.Format "2006-01-02 15:04"}}</span>{{end}}
{{end}}

{{define "extras"}}
<div class="fab dropdown">
    <button class="btn btn-fab" data-action="actions-drop" title="Actions" aria-label="Actions">≡</button>
    <div class="dropdown-menu align-right open-up">
        <button class="btn dropdown-item" onclick="rebuildIndex()" title="Rebuild search index">REBUILD INDEX</button>
    </div>
</div>
{{end}}