register.xhtml

<ui:composition xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core" template="template.xhtml">

	<ui:param name="bodyClass" value="register" />

	<ui:define name="header">Register with <strong>#{login.name}</strong></ui:define>
	
	<ui:define name="form">
		<form action="#{login.registerAction}" method="post">
			<div>
            	<label for="name">Full name</label>
                <input type="text" id="name" />
			</div>
            <div>
            	<label for="email">Email</label>
				<input type="email" id="email" />
			</div>
			<div>
				<label for="username">Username</label>
				<input type="text" id="username" />
			</div>
            <div>
            	<label for="password">Password</label>
				<input type="password" id="password" />
			</div>

			<ui:repeat var="p" value="#{login.hiddenProperties}">
				<input name="#{p.name}" value="#{p.value}" type="hidden" />
			</ui:repeat>
						
			<div class="aside-btn">
				<p>By registering you agree to the <a href="#">Terms of Service</a> and the <a href="#">Privacy Policy</a>.</p>
			</div>						

			<input type="submit" value="Register" />
		</form>
	</ui:define>
	
	<ui:define name="info">
		<p>Already have an account? <a href="realm-login.html">Log in</a>.</p>
	</ui:define>
</ui:composition>