{{ define "noteList" }}
<aside>
    <input type="checkbox" id="sidebar-toggle" class="sidebar-toggle">
    <label for="sidebar-toggle" class="sidebar-toggle-label">Notes</label>
    <div class="sidebar-content">
        <header>
        <h1 class="main-logo"><a href="{{ .BasePath }}/">Donnie Marko</a></h1>
            <form method="GET" action="{{ .BasePath }}/" class="search-form">
                <input type="text" name="search" class="search-bar" placeholder="Search notes or tags... (empty query to clear)">
                {{ if ne .LastActive "" }}<input type="hidden" name="active" value="{{ .LastActive }}">{{ end }}
                <input type="submit" value="ok" class="search-submit"/>
            </form>
            <form method="GET" action="{{ .BasePath }}/" class="sort-form">
                <select name="sort" value="sort" class="sort-dropdown">
                    <option value="" disabled {{ if eq "" .SortBy }}selected{{ end }}>Sort by</option>
                    <option value="recent" {{ if eq "recent" .SortBy }}selected{{ end }}>Recent</option>
                    <option value="oldest" {{ if eq "oldest" .SortBy }}selected{{ end }}>Oldest</option>                
                    <option value="alpha" {{ if eq "alpha" .SortBy }}selected{{ end }}>Alphabetical</option>
                    <option value="ralpha" {{ if eq "ralpha" .SortBy }}selected{{ end }}>Reverse Alphabetical</option>
                </select>
                {{ if ne .LastActive "" }}<input type="hidden" name="active" value="{{ .LastActive }}">{{ end }}
                <input type="submit" value="sort" class="sort-submit"/>
            </form>
        </header>
            {{ template "renderSearch" . }}
    </div>
</aside>
{{ end }}

{{ define "renderSearch" }}
{{ if ne .SearchTerm "" }}<h2>Matching results for query '{{ .SearchTerm }}' (notes or tags)</h2>{{ end }}
{{ if ne .TagFilter "" }}<h2>Filtered by tag '{{ .TagFilter }}'</h2>{{ end }}
  {{ if eq (len .Groups) 0 }}
    <p class="meta-empty">No notes match your filters.</p>
  {{ end }}
  {{ range .Groups }}
  <h3 class="note-group">{{ .Name }}</h3>
  <ul class="search-results">
    {{ range .Notes }}
    <li {{ if eq .ID $.LastActive }}class="active-note"{{ end }}>
      <div class="note-title">
        <a href="{{ $.BasePath }}/notes/{{ .ID }}" data-hash="{{ .ID }}">{{ if ge (len .Title) 30 }}{{printf "%.30s" .Title }}[...]{{ else }} {{ .Title }}{{ end }}</a>
      </div>
      <span class="last-modified">{{ .GetUpdateDateRep }}</span>
    </li>
    {{ end }}
  </ul>
  {{ end }}
{{ end }}


{{/* not used for now, the opposition between flat list from hashmap and tree structure is confusing */}}
{{ define "renderTree" }}
  <ul>
    {{ range . }}
      {{ if .IsEnd }}
        <li><input type="checkbox"/><a href="/notes/{{ .Hash }}" data-hash="{{ .Hash }}">{{ .Title }}</a><span class="last-modified">{{ .LastModified }}</span></li>
      {{ else }}
        {{ if .Children }}
        <li><div class="folder"><input type="checkbox"/><span class="folder">{{ .Path }}</span></folder>
          {{ template "renderTree" .Children }}
        </li>
        {{ end }}
      {{ end }}
    {{ end }}
  </ul>
{{ end }}