{{define "body"}}
<div class="wrapper">
	<form method="POST">
		<h1>Register</h1>

		{{with .FormErrors.username}}
		<label class="error">{{.}}</label>
		{{end}}

		<div class="input-box" {{with .FormErrors.username}}class="input-error"{{end}}>
		<input type="text" id="username" name="username" placeholder="Username" required>
		</div>
		<br />


		<div class="input-box">
		<input type="email" id="email" name="email" placeholder="Email" required>
		</div>
		<br />

		<div class="input-box">
		<input type="text" id="firstname" name="firstname" placeholder="First Name" required>
		</div>
		<br />

		<div class="input-box">
		<input type="text" id="lastname" name="lastname" placeholder="Last Name" required>
		</div>
		<br />

		{{with .FormErrors.password}}
		<label class="error">{{.}}</label>
		{{end}}

		<div class="input-box" {{with .FormErrors.password}}class="input-error"{{end}}>
		<input type="password" id="password" name="password" placeholder="Password" required>
		</div>
		<br />

		<div class="login-btn-wrapper">
		<input type="submit" value="Register" class="btn">
		</div>
	</form>
</div>
{{end}}
