{{define "title"}}Confirm it is you · Oficina{{end}}
{{define "bodyattrs"}} data-rpid="{{.Data.RPID}}" data-legacyrpid="{{.Data.LegacyRPID}}"{{end}}
{{define "content"}}
<h1>Confirm it is you</h1>

{{if .Data.RecoveryFailed}}<p role="alert" rst-callout rst-tone="negative"><span rst-callout-body>That code did not work.</span></p>{{end}}

<button id="passkey-confirm" type="button" rst-btn="primary" data-passkey hidden>Use your passkey</button>
<p id="passkey-status" role="status"></p>

<h2>Or use a recovery code</h2>
<p>Recovery is exactly the moment a passkey is not working, so this form
needs no script and no device.</p>
<form method="post" action="/passkey/signin/recovery" rst-form>
  <div rst-field>
  <label rst-field-label for="code">Recovery code</label>
  <input id="code" name="code" type="text" autocomplete="one-time-code" required rst-input>
  </div>
  <div rst-form-foot>
  <button type="submit" rst-btn="primary">Sign in</button>
  </div>
</form>
{{end}}
{{define "scripts"}}<script type="module" src="/static/passkey.js"></script>{{end}}