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

<#if user.editUsernameAllowed>

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

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

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

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

<#-- TODO isAppInitiatedAction -->

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