{{define "content"}}
<div class="panel"><h3>Change your password</h3>
<form method="post" action="/settings/password" class="stack">
<label>Current password <input name="current" type="password" required autocomplete="current-password"></label>
<label>New password <input name="password" type="password" required minlength="8" autocomplete="new-password"></label>
<div class="actions left"><button class="btn primary">Change password ▸</button></div>
</form></div>
<div class="panel"><h3>Two factor authentication</h3>
{{if .Data.Account.TOTP}}<p><strong>Enabled</strong> on your account. A code from your authenticator app or a recovery code is required at every login.</p>
<form method="post" action="/settings/totp/disable" class="stack"><label>Password to disable <input name="password" type="password" required autocomplete="current-password"></label><div class="actions left"><button class="btn danger">Disable ▸</button></div></form>
{{else}}<p><strong>Disabled</strong> on your account. Enable this and you will be asked for a TOTP code each time you log in. Use of two factor is strongly recommended.</p>
<form method="post" action="/settings/totp" class="stack"><label>Password to continue <input name="password" type="password" required autocomplete="current-password"></label><div class="actions left"><button class="btn primary">Enable TOTP ▸</button></div></form>{{end}}
</div>
<div class="panel"><h3>Sessions</h3>
<p>Sessions last 90 days. Logging out ends only the current one.</p>
<form method="post" action="/settings/sessions"><button class="btn">Log out everywhere ▸</button></form>
</div>
{{end}}