{include "layout.html"}

{block "content"}
<h1>Register</h1>

<form class="standard" action="/register" method="post">
	{csrf}

	<div class="row">
		<div>
			<label for="username">Username</label>
			<span class="help">Must be 30 alphanumeric characters or less.</span>
		</div>
		<input class="text" type="text" id="username" name="username" maxlength="30" value="{username}" required>
	</div>

	<div class="row">
		<div>
			<label for="password">Password</label>
			<span class="help">Passwords must be at least 6 characters.</span>
		</div>
		<input class="text" type="password" id="password" name="password" required class="mb-05">
		<label for="confirm_password">Verify Password</label>
		<input class="text" type="password" id="confirm_password" name="confirm_password" required>
	</div>

	<div class="row">
		<label for="email">Email</label>
		<input class="text" type="email" id="email" name="email" maxlength="100" value="{email}" required>
	</div>

	<div class="row">
		<label for="charclass">Class</label>
		<select id="charclass" name="charclass">
			<option>Choose a Class</option>
			<option value="1">Mage</option>
			<option value="2">Warrior</option>
			<option value="3">Paladin</option>
		</select>
	</div>

	<div class="actions">
		<button class="btn" type="submit" name="submit">Register</button>
		<button class="btn" type="reset" name="reset">Reset</button>
	</div>
</form>
{/block}
