{{define "title"}}Recovery codes · Oficina{{end}}
{{define "content"}}
<h1>Recovery codes</h1>
{{if .Data.Codes}}
<p rst-callout rst-tone="warning"><span rst-callout-body><strong>These are shown once.</strong> Keep them somewhere your
passkey is not. Each one works a single time.</span></p>
<ul>{{range .Data.Codes}}<li><code>{{.}}</code></li>{{end}}</ul>
<p>Losing your passkey and these codes together locks you out permanently.
There is no operator who can undo that, by design.</p>
{{else}}
<p>You have {{.Data.Remaining}} unused recovery codes.</p>
<p>Generating a new set <strong>invalidates every code you have now</strong>.</p>
<form method="post" action="/passkey/codes">
  <button type="submit" rst-btn="danger">Generate a new set</button>
</form>
{{end}}
{{end}}