5 files changed, 52 insertions, 1 deletions

diff --git a/app/views/fragments/accountInfos.scala.html b/app/views/fragments/accountInfos.scala.html
index 6bf8655..887e485 100644
--- a/app/views/fragments/accountInfos.scala.html
+++ b/app/views/fragments/accountInfos.scala.html
@@ -19,7 +19,7 @@
         }
 
         case None => {
-                <a class="pure-button" href="@routes.Authentication.logout()">
+                <a class="pure-button" href="@routes.Profile.signup()">
                         <i class="fa fa-pencil-square-o fa-lg"></i>
                         Sign up
                 </a>
diff --git a/app/views/fragments/forms/inputField.scala.html b/app/views/fragments/forms/inputField.scala.html
index 7de0e3b..41b6656 100644
--- a/app/views/fragments/forms/inputField.scala.html
+++ b/app/views/fragments/forms/inputField.scala.html
@@ -7,4 +7,5 @@ placeholder="@label"
 name="@field.name"
 id="@field.name"
 value="@field.value"
+required
 >
diff --git a/app/views/fragments/forms/inputLabel.scala.html b/app/views/fragments/forms/inputLabel.scala.html
new file mode 100644
index 0000000..d03a23b
--- /dev/null
+++ b/app/views/fragments/forms/inputLabel.scala.html
@@ -0,0 +1,3 @@
+@(field: Field, label: String)
+
+<label for="@field.name">@label</label>
diff --git a/app/views/fragments/forms/labeledField.scala.html b/app/views/fragments/forms/labeledField.scala.html
new file mode 100644
index 0000000..6a2c697
--- /dev/null
+++ b/app/views/fragments/forms/labeledField.scala.html
@@ -0,0 +1,4 @@
+@(field: Field, inputType: String, label: String)
+
+@views.html.fragments.forms.inputLabel(field, label)
+@views.html.fragments.forms.inputField(field, inputType, label)
diff --git a/app/views/pages/signupForm.scala.html b/app/views/pages/signupForm.scala.html
new file mode 100644
index 0000000..b026167
--- /dev/null
+++ b/app/views/pages/signupForm.scala.html
@@ -0,0 +1,43 @@
+@(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>
+
+}