{include "layout.html"}

{block "content"}
<h1>Log In</h1>

<form class="standard mb-1" action="/login" method="post">
	{csrf}

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

	<div class="row">
		<label for="password">Password</label>
		<input class="text" id="password" type="password" name="password" required>
	</div>

	<div class="actions">
		<button class="btn btn-primary" type="submit">Log in</button>
	</div>
</form>

<p class="mb-1">
	Want to play? You gotta <a href="/register">register your own character.</a>
</p>

<p>
	You may also <a href="/change-password">change your password</a>, or
	<a href="/lost-password">request a new one</a> if you've lost yours.
</p>
{/block}