<#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??>
<#list authenticators.authenticators as authenticator>
<#if shouldDisplayAuthenticators?? && shouldDisplayAuthenticators> <#if authenticators.authenticators?size gt 1>

${kcSanitize(msg("webauthn-available-authenticators"))?no_esc}

<#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> ,
${kcSanitize(msg("webauthn-createdAt-label"))?no_esc} ${kcSanitize(authenticator.createdAt)?no_esc}
<@buttonGroup.kw> <@button.kw @click="webAuthnAuthenticate" color="primary" type="button"> ${kcSanitize(msg("webauthn-doAuthenticate"))}