#import "template.ftl" as layout>
<#import "components/atoms/button.ftl" as button>
<#import "components/atoms/button-group.ftl" as buttonGroup>
<@layout.registrationLayout script="dist/webAuthnAuthenticate.js"; section>
<#if section="title">
title
<#elseif section="header">
${kcSanitize(msg("webauthn-login-title"))?no_esc}
<#elseif section="form">
<#if authenticators??>
<#if shouldDisplayAuthenticators?? && shouldDisplayAuthenticators>
<#if authenticators.authenticators?size gt 1>
${kcSanitize(msg("webauthn-available-authenticators"))?no_esc}
#if>
<#list authenticators.authenticators as authenticator>
${kcSanitize(msg("${authenticator.label}"))?no_esc}
<#if authenticator.transports?? && authenticator.transports.displayNameProperties?has_content>
<#list authenticator.transports.displayNameProperties as nameProperty>
${kcSanitize(msg("${nameProperty!}"))?no_esc}
<#if nameProperty?has_next>
,
#if>
#list>
#if>
${kcSanitize(msg("webauthn-createdAt-label"))?no_esc}
${kcSanitize(authenticator.createdAt)?no_esc}
#list>
#if>
#if>
<@buttonGroup.kw>
<@button.kw @click="webAuthnAuthenticate" color="primary" type="button">
${kcSanitize(msg("webauthn-doAuthenticate"))}
@button.kw>
@buttonGroup.kw>
#if>
@layout.registrationLayout>