{{define "webauthn_enroll"}}
<div id="webauthn-enroll-section">
  <div id="webauthn-enroll-error" class="alert alert-error" style="display:none" role="alert"></div>
  <div id="webauthn-enroll-success" class="alert alert-success" style="display:none" role="alert"></div>
  <div class="form-group">
    <label for="webauthn-name">Passkey Name</label>
    <input class="form-control" type="text" id="webauthn-name" placeholder="e.g. YubiKey 5" value="Passkey">
  </div>
  <div class="form-group">
    <label for="webauthn-password">Current Password</label>
    <input class="form-control" type="password" id="webauthn-password" autocomplete="current-password">
  </div>
  <div class="form-actions">
    <button class="btn btn-primary" type="button" id="webauthn-enroll-btn">
      Add Passkey
    </button>
  </div>
</div>
{{end}}