CoyoteCredit/src/main/resources/templates/public/register.html

56 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html
lang="en"
xmlns:th="http://www.thymeleaf.org"
th:replace="~{layout/basic_page :: layout (title='Register', content=~{::#content})}"
>
<div id="content" class="container">
<div class="row justify-content-center">
<div class="col-lg-4">
<h1 class="display-4">Register</h1>
<form th:action="@{/register}" th:method="post">
<div class="mb-3">
<label for="usernameInput" class="form-label">Username</label>
<input name="username" id="usernameInput" class="form-control" type="text" required/>
</div>
<div class="mb-3">
<label for="emailInput" class="form-label">Email</label>
<input
name="email"
id="emailInput"
class="form-control"
type="email"
required
th:readonly="${inviteUserEmail != null}"
th:value="${inviteUserEmail == null ? '' : inviteUserEmail}"
/>
</div>
<div class="mb-3">
<label for="passwordInput" class="form-label">Password</label>
<input name="password" id="passwordInput" class="form-control" type="password" required/>
</div>
<div class="mb-3" th:if="${inviteCode != null}">
<label for="accountNameInput" class="form-label">Account Name</label>
<small class="text-muted">
You have been invited by <span th:text="${inviteSenderName}"></span> to join <span th:text="${inviteExchangeName}"></span>.
</small>
<input name="accountName" id="accountNameInput" class="form-control" type="text" required/>
<input name="inviteCode" type="hidden" th:value="${inviteCode}"/>
</div>
<input type="submit" class="btn btn-primary mb-3" value="Register">
<p class="alert alert-dark">
<strong>Note!</strong> After registering, you will receive an email with a
verification link. Please click that link to verify your account before
attempting to log in.
</p>
</form>
</div>
</div>
</div>