@(signupForm: Form[SignupData])(implicit flash: Flash, token: play.filters.csrf.CSRF.Token)

@templates.ebe("Sign up")() {

	<div class="pure-g">
		<div class="pure-u-1 pure-u-lg-1-2 centered">

			<h2>Sign up</h2>

			@views.html.fragments.forms.globalErrors(signupForm)

			@helper.form(action = routes.Profile.signupSubmit(), 'class -> "pure-form pure-form-stacked") {

				@helper.CSRF.formField

				<fieldset>
					@views.html.fragments.forms.labeledField(signupForm("username"), "text", "Username")
					@views.html.fragments.forms.labeledField(signupForm("password"), "password", "Password")
					@views.html.fragments.forms.labeledField(signupForm("passwordCheck"), "password", "Password check")
				</fieldset>

				<fieldset>
					@views.html.fragments.forms.labeledField(signupForm("firstName"), "text", "First name")
					@views.html.fragments.forms.labeledField(signupForm("lastName"), "text", "Last name")
					@views.html.fragments.forms.labeledField(signupForm("birthdate"), "date", "Birthdate")
				</fieldset>

				<fieldset>
					@views.html.fragments.forms.labeledField(signupForm("email"), "email", "E-mail address")
					@views.html.fragments.forms.labeledField(signupForm("phone"), "tel", "Phone number")
					@views.html.fragments.forms.labeledField(signupForm("address"), "text", "Address")
					@views.html.fragments.forms.labeledField(signupForm("postalCode"), "text", "Postal code")
					@views.html.fragments.forms.labeledField(signupForm("country"), "text", "Country code")
				</fieldset>

				<button type="submit" class="pure-button pure-input-1 pure-button-primary">Sign up</button>

			}

		</div>
	</div>

}