{{define "content"}}
<form id="newAccountForm" action="/register" >
	<div id="modalPlaceholder"></div>
	<h3>Create new Account</h3>
	<p>Please provide some information to register a new account.</p>
	<div class="form-group row">
		<label class="col-sm-2 col-form-label" for="inputAccountName">Account name</label>
		<div class="col-sm-10">
			<input class="form-control" id="inputAccountName" name="inputAccountName"
				   aria-describedby="accountNameHelp" placeholder="eg. 'musterma'">
			<small id="accountNameHelp" class="form-text text-muted">
				This name is used for urls and mentioning. It must not contain any blank spaces or special characters.
			</small>
		</div>
	</div>
	<div class="form-group row">
		<label class="col-sm-2 col-form-label" for="inputDisplayName">Display name</label>
		<div class="col-sm-10">
			<input class="form-control" id="inputDisplayName" name="inputDisplayName"
				   aria-describedby="displayNameHelp" placeholder="eg. 'Max Mustermann'">
			<small id="displayNameHelp" class="form-text text-muted">
				This name is used to display your contribution.
			</small>
		</div>
	</div>
	<div class="form-group row">
		<label class="col-sm-2 col-form-label" for="inputEmail">Email address</label>
		<div class="col-sm-10">
			<input type="email" class="form-control" id="inputEmail" name="inputEmail"
				   aria-describedby="emailHelp" placeholder="eg. 'musterma@example.com'">
			<small id="emailHelp" class="form-text text-muted">
				This email address is used for verification and notifications.
			</small>
		</div>
	</div>
	<div class="form-group row">
		<label class="col-sm-2 col-form-label" for="inputPassword1">Password</label>
		<div class="col-sm-10">
			<input type="password" class="form-control" id="inputPassword1" name="inputPassword"
									  aria-describedby="passwordHelp" placeholder="">
			<small id="passwordHelp" class="form-text text-muted">
				Enter a password with at least 8 characters.
			</small>
		</div>
	</div>
	<div class="form-group row">
		<div class="col-sm-10 ml-auto">
			<input type="password" class="form-control" id="inputPasswordRepeat1" name="inputPasswordRepeat"
				   aria-describedby="passwordRepeatHelp" placeholder="">
			<small id="passwordRepeatHelp" class="form-text text-muted">
				Repeat your password.
			</small>
		</div>
	</div>
	<div class="form-group row">
		<div class="col-sm-10 ml-auto">
			<button class="btn btn-primary">Register</button>
		</div>
	</div>


    <script src="/static/assets/js/vendor/jquery.validate.min.js"></script>
	<script src="/static/js/register.js"></script>

</form>
{{end}}


