{{define "content"}}
<h1>settings</h1>
<h2>profile</h2>
{{$p := .Data.Profile}}
<form method="post" action="/settings/profile" class="stack">
<label>bio <textarea name="bio" rows="3" maxlength="1000">{{$p.Bio}}</textarea></label>
<label>location <input name="location" value="{{$p.Location}}" maxlength="100"></label>
<label>workplace <input name="workplace" value="{{$p.Workplace}}" maxlength="100"></label>
<label>website <input name="website" value="{{$p.Website}}" maxlength="200" placeholder="https://"></label>
<button>save profile</button>
</form>
<form method="post" action="/settings/avatar" enctype="multipart/form-data" class="stack">
{{if $p.Avatar}}<img class="avatar" src="/~{{.User.Name}}/avatar" alt="">{{end}}
<label>avatar <input type="file" name="avatar" accept="image/png,image/jpeg,image/gif,image/webp" required></label>
<button>upload avatar</button>
</form>
{{if $p.Avatar}}<form method="post" action="/settings/avatar/delete"><button class="danger">remove avatar</button></form>{{end}}
<h2>ssh keys</h2>
{{if .Data.Keys}}<table class="keys">{{range .Data.Keys}}<tr><td>{{.Title}}</td><td><code>{{.Fingerprint}}</code></td><td class="when">{{ago .Created}}</td><td><form method="post" action="/settings/keys/{{.ID}}/delete"><button class="danger">remove</button></form></td></tr>{{end}}</table>{{end}}
<form method="post" action="/settings/keys" class="stack">
<label>title <input name="title" placeholder="laptop"></label>
<label>public key <textarea name="key" rows="3" required placeholder="ssh-ed25519 AAAA..."></textarea></label>
<button>add key</button>
</form>
<h2>access tokens</h2>
<p class="muted">use a token as the password when pushing over https.</p>
{{with .Data.NewToken}}<p class="notice">new token, shown once: <code>{{.}}</code></p>{{end}}
{{if .Data.Tokens}}<table class="keys">{{range .Data.Tokens}}<tr><td>{{.Title}}</td><td class="when">{{ago .Created}}</td><td><form method="post" action="/settings/tokens/{{.ID}}/delete"><button class="danger">revoke</button></form></td></tr>{{end}}</table>{{end}}
<form method="post" action="/settings/tokens" class="stack">
<label>title <input name="title" placeholder="ci"></label>
<button>create token</button>
</form>
<h2>password</h2>
<form method="post" action="/settings/password" class="stack">
<label>current <input name="current" type="password" required autocomplete="current-password"></label>
<label>new <input name="password" type="password" required minlength="8" autocomplete="new-password"></label>
<button>change password</button>
</form>
{{end}}