{{ define "title"}}{{ t "page.webauthn_rename.title" }}{{ end }}

{{ define "header"}}
<header class="page-header" aria-labelledby="page-header-title">
    <h1 id="page-header-title">{{ t "page.webauthn_rename.title" }}</h1>
</header>
{{ end }}

{{ define "content"}}
<form action="{{ route "webauthnSave" "credentialHandle" .cred.HandleEncoded }}" method="post" autocomplete="off">
    <input type="hidden" name="csrf" value="{{ .csrf }}">

    {{ if .errorMessage }}
        <div class="alert alert-error">{{ .errorMessage }}</div>
    {{ end }}

    <label for="form-title">{{ t "page.settings.webauthn.passkey_name" }}</label>
    <input type="text" name="name" id="form-title" value="{{ .form.Name }}" autofocus>

    <div class="buttons">
        <button type="submit" class="button button-primary" data-label-loading="{{ t "form.submit.saving" }}">{{ t "action.update" }}</button>
    </div>
</form>
{{ end }}