{{define "content"}}
<div class="panel"><h3>Enable two factor authentication</h3>
<div class="twocol">
<div><img src="{{.Data.QR}}" alt="" width="200" height="200"><p class="muted small">Scan with any TOTP app, or enter the secret by hand: <code>{{.Data.Secret}}</code></p></div>
<form method="post" action="/settings/totp/enable" class="stack">
<input type="hidden" name="token" value="{{.Data.Token}}">
<label>Code from the app <input name="code" required autofocus inputmode="numeric" autocomplete="one-time-code"></label>
<div class="actions left"><button class="btn primary">Enable ▸</button><a class="btn" href="/settings/security">Cancel</a></div>
</form>
</div></div>
{{end}}