{{define "head"}}
<title>TOTP Confirmation - ari melody 💫</title>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/admin/static/admin.css">
<style>
code {
    user-select: all;
}
</style>
{{end}}

{{define "content"}}
<main>
    {{if .Session.Error.Valid}}
    <p id="error">{{html .Session.Error.String}}</p>
    {{end}}

    <form action="/admin/account/totp-confirm?totp-name={{.NameEscaped}}" method="POST" id="totp-setup">
        <p><strong>Your TOTP secret: </strong><code>{{.TOTP.Secret}}</code></p>

        <!-- TODO: TOTP secret QR codes -->

        <p>
        Please store this into your two-factor authentication app or
        password manager, then enter your code below:
        </p>

        <label for="totp">TOTP:</label>
        <input type="text" name="totp" value="" autocomplete="one-time-code" required autofocus>

        <button type="submit" class="new">Create</button>
    </form>
</main>
{{end}}