{{define "content"}}
<h1>Account</h1>
<div class="box">
 <table class="info">
  <tr><th>Username</th><td>{{.User.Username}}</td></tr>
  <tr><th>Role</th><td>{{.User.Role}}</td></tr>
  <tr><th>Member since</th><td>{{date .User.Created}}</td></tr>
 </table>
 <p><a href="/inbox">Inbox{{if .Unread}} ({{.Unread}} unread){{end}}</a> · <a href="/dev">My apps</a></p>
</div>
<h2 id="tokens">API tokens</h2>
<p class="hint">A token lets a CI job publish new versions of your apps (scope: publish), for all of them or for one. It is shown once, when it is made; the store keeps only its hash.</p>
{{if .D.NewToken}}<div class="box"><b>Your new token</b>: copy it now, it is not shown again.<code class="token">{{.D.NewToken}}</code></div>{{end}}
<div class="scroll"><table class="list">
 <tr><th>Name</th><th>Begins</th><th>Scope</th><th>App</th><th>Created</th><th>Last used</th><th></th></tr>
 {{$csrf := .CSRF}}
 {{range .D.Tokens}}<tr><td>{{.Name}}</td><td><code>{{.Hint}}…</code></td><td>{{.Scope}}</td><td>{{if .App}}{{.App}}{{else}}all my apps{{end}}</td><td>{{date .Created}}</td><td>{{date .LastUsed}}</td>
 <td>{{if .Revoked}}<span class="status rejected">revoked</span>{{else}}<form method="post" action="/account/tokens/{{.ID}}/revoke"><input type="hidden" name="csrf" value="{{$csrf}}"><button class="btn small danger">Revoke</button></form>{{end}}</td></tr>
 {{else}}<tr><td colspan="7">No tokens.</td></tr>{{end}}
</table></div>
<form class="box" method="post" action="/account/tokens">
 <input type="hidden" name="csrf" value="{{.CSRF}}">
 <div class="row">
  <div><label for="tn">Name of a new token</label><input id="tn" type="text" name="name" maxlength="60" placeholder="e.g. GitLab CI" required></div>
  <div><label for="ta">Limited to</label><select id="ta" name="app"><option value="">all my apps</option>{{range .D.Apps}}<option value="{{.ID}}">{{.Name}} ({{.ID}})</option>{{end}}</select></div>
 </div>
 <div class="actions"><button class="btn">Create token</button></div>
</form>
<h2>My reviews</h2>
{{range .D.Reviews}}<div class="review"><div class="meta"><span class="em">{{emoji .Rating}}</span><b><a href="/app/{{.App}}">{{.AppName}}</a></b><span>{{date .Date}}</span>{{if .Version}}<span>version {{.Version}}</span>{{end}}</div>{{if .Body}}<p>{{.Body}}</p>{{end}}</div>{{else}}<p class="empty">You have not reviewed an app yet.</p>{{end}}
<h2>Change the password</h2>
<form class="box narrow" method="post" action="/account/password">
 <input type="hidden" name="csrf" value="{{.CSRF}}">
 <label for="c">Current password</label><input id="c" type="password" name="current" autocomplete="current-password" required>
 <label for="p">New password</label><input id="p" type="password" name="password" autocomplete="new-password" minlength="8" maxlength="128" required>
 <label for="p2">New password again</label><input id="p2" type="password" name="password2" autocomplete="new-password" minlength="8" maxlength="128" required>
 <div class="actions"><button class="btn">Change password</button></div>
</form>
{{end}}