| 1 |
|
|---|
| 2 |
|
|---|
| 3 | <div class="container" xmlns:th="http://www.w3.org/1999/xhtml" >
|
|---|
| 4 | <h1 th:if="${hasError}" th:text="${error}"></h1>
|
|---|
| 5 | </div>
|
|---|
| 6 | <div class="container" style="background-color: rgba(0,0,0,0.5);margin-top: 3%; ">
|
|---|
| 7 | <h2 class="form-signin-heading" style="margin-bot: 15%;color:white;">Register</h2>
|
|---|
| 8 | <form class="form-signin mt-xl-5" method="post" action="/register">
|
|---|
| 9 |
|
|---|
| 10 | <p>
|
|---|
| 11 | <label for="user_username" class="sr-only">Username</label>
|
|---|
| 12 | <input type="text" id="user_username" name="user_username" class="form-control" placeholder="Username" required=""
|
|---|
| 13 | autofocus="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 14 | </p>
|
|---|
| 15 | <p>
|
|---|
| 16 | <label for="user_password" class="sr-only">Password</label>
|
|---|
| 17 | <input type="password" id="user_password" name="user_password" class="form-control" placeholder="Password"
|
|---|
| 18 | required="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 19 | </p>
|
|---|
| 20 | <p>
|
|---|
| 21 | <label for="user_repeatedPassword" class="sr-only">Repeat Password</label>
|
|---|
| 22 | <input type="password" id="user_repeatedPassword" name="user_repeatedPassword" class="form-control"
|
|---|
| 23 | placeholder="Repeat Password" required="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 24 | </p>
|
|---|
| 25 |
|
|---|
| 26 | <p>
|
|---|
| 27 | <label for="user_name" class="sr-only">Name</label>
|
|---|
| 28 | <input type="text" id="user_name" name="user_name" class="form-control" placeholder="Name" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 29 | </p>
|
|---|
| 30 | <p>
|
|---|
| 31 | <label for="user_surname" class="sr-only">Surname</label>
|
|---|
| 32 | <input type="text" id="user_surname" name="user_surname" class="form-control" placeholder="Surname" required=""
|
|---|
| 33 | autofocus="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 34 | </p>
|
|---|
| 35 | <p>
|
|---|
| 36 | <label for="user_phone_number" class="sr-only">Phone number</label>
|
|---|
| 37 | <input type="text" id="user_phone_number" name="user_phone_number" class="form-control" placeholder="Phone Number" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 38 | </p>
|
|---|
| 39 | <p>
|
|---|
| 40 | <label for="user_email" class="sr-only">E-mail</label>
|
|---|
| 41 | <input type="text" id="user_email" name="user_email" class="form-control" placeholder="E-mail" required="" autofocus="" style="margin-bottom: 5%;margin-left:10%">
|
|---|
| 42 | </p>
|
|---|
| 43 |
|
|---|
| 44 | <p>
|
|---|
| 45 | <div class="form-check form-check-inline" style="margin-bottom: 3%;margin-left:37%;">
|
|---|
| 46 | <input class="form-check-input" name="user_role" type="radio" id="ROLE_EMPLOYEE" value="ROLE_EMPLOYEE">
|
|---|
| 47 | <label class="form-check-label" for="ROLE_EMPLOYEE" style="color:white;font-size: 2rem">Employee</label>
|
|---|
| 48 | </div>
|
|---|
| 49 | <div class="form-check form-check-inline" style="margin-bottom: 3%">
|
|---|
| 50 | <input class="form-check-input" name="user_role" type="radio" id="ROLE_CLIENT" value="ROLE_CLIENT">
|
|---|
| 51 | <label class="form-check-label" for="ROLE_CLIENT" style="color:white;font-size: 2rem">Client</label>
|
|---|
| 52 | </div>
|
|---|
| 53 | </p>
|
|---|
| 54 | <button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
|
|---|
| 55 | </form>
|
|---|
| 56 | <a href="/login" class="btn btn-block btn-light">Already have an account? Login here!</a>
|
|---|
| 57 | </div>
|
|---|
