{{ template "header.html" . }}
<script src="/misc.js{{ .MiscJSParam }}" defer></script>
<main>
<div class="info">
<p>
<form action="/submithonker" method="POST">
<h3>add new honker</h3>
<input type="hidden" name="CSRF" value="{{ .HonkerCSRF }}">
<p><label for=url>url:</label><br>
<input tabindex=1 type="text" name="url" value="" autocomplete=off>
<p><label for=name>name:</label><br>
<input tabindex=1 type="text" name="name" value="" placeholder="optional" autocomplete=off>
<p><label for=combos>combos:</label><br>
<input tabindex=1 type="text" name="combos" value="" placeholder="optional">
<p><span><label class=button for="peep">skip subscribe:
<input tabindex=1 type="checkbox" id="peep" name="peep" value="peep"><span></span></label></span>
<p><label for="notes">notes:</label><br>
<textarea tabindex=1 name="notes">
</textarea>
<p><button tabindex=1 name="add honker" value="add honker">add honker</button>
</form>
</div>
{{ $honkercsrf := .HonkerCSRF }}
<div class="info">
<p><button class="expand">expand</button>
<p>{{ range .Letters }}<a href="#{{.}}">{{.}}</a> {{ end }}
</div>
{{ $firstrune := .FirstRune }}
{{ $letter := 0 }}
{{ range .Honkers }}
{{ if not (eq $letter (call $firstrune .Name)) }}
{{ $letter = (call $firstrune .Name) }}
<a name="{{ printf "%c" $letter}}"></a>
{{ end }}
<section class="honk">
<header>
<img alt="avatar" src="/a?a={{ .XID }}">
<p class="font18em"><a href="/h/{{ .Name }}">{{ .Name }}</a>
</header>
<p>
<details>
<p>url: <a href="{{ .XID }}" rel=noreferrer>{{ .XID }}</a>
<p>flavor: {{ .Flavor }}
<form action="/submithonker" method="POST">
<input type="hidden" name="CSRF" value="{{ $honkercsrf }}">
<input type="hidden" name="honkerid" value="{{ .ID }}">
<p>name: <input type="text" name="name" value="{{ .Name }}">
<p><label for="notes">notes:</label><br>
<textarea name="notes">{{ .Meta.Notes }}</textarea>
<p>combos: <input type="text" name="combos" value="{{ range .Combos }}{{ . }} {{end}}">
<p>
<button name="save" value="save">save</button>
<button name="sub" value="sub">(re)sub</button>
<button name="unsub" value="unsub">unsub</button>
<button name="delete" value="delete">delete</button>
</form>
</details>
<p>
</section>
{{ end }}
</main>