<#import "template.ftl" as layout> <#import "components/button/primary.ftl" as buttonPrimary> <#import "components/input/primary.ftl" as inputPrimary> <#import "components/link/secondary.ftl" as linkSecondary> <@layout.registrationLayout displayMessage=!messagesPerField.existsError("firstName", "lastName", "email", "username", "password", "password-confirm") ; section > <#if section="header"> ${msg("registerTitle")} <#elseif section="form">

<@inputPrimary.kw autocomplete="given-name" autofocus=true invalid=["firstName"] name="firstName" type="text" value=(register.formData.firstName)!'' > ${msg("firstName")}

<@inputPrimary.kw autocomplete="family-name" invalid=["lastName"] name="lastName" type="text" value=(register.formData.lastName)!'' > ${msg("lastName")}

<@inputPrimary.kw autocomplete="email" invalid=["email"] name="email" type="email" value=(register.formData.email)!'' > ${msg("email")}

<#if !realm.registrationEmailAsUsername>

<@inputPrimary.kw autocomplete="username" invalid=["username"] name="username" type="text" value=(register.formData.username)!'' > ${msg("username")}

<#if passwordRequired??>

<@inputPrimary.kw autocomplete="new-password" invalid=["password", "password-confirm"] message=false name="password" type="password" > ${msg("password")}

<@inputPrimary.kw autocomplete="new-password" invalid=["password-confirm"] name="password-confirm" type="password" > ${msg("passwordConfirm")}

<#if recaptchaRequired??>

<@buttonPrimary.kw type="submit"> ${msg("doRegister")}

<#elseif section="nav"> <@linkSecondary.kw href=url.loginUrl> ${kcSanitize(msg("backToLogin"))?no_esc}