<link rel="stylesheet" href="/assets/css/login.css" />

<div class="wrapper">

	{{> header}}

	<div class="account-form-wrapper">
		<form action="/account/login" method="post" class="account">
			<h2>Sign in</h2>
			<p>Enter your account details below</p>
			<div>
				<label for="username">Username</label>
				<input name="username" id="username" required>
			</div>
			<div>
				<label for="password">Password</label>
				<input name="password" id="password" type="password" required>
				<a href="/account/passwordreset" class="pwdreset">Forgot your password?</a>
			</div>
			<input name="grant_type" id="grant_type" type="hidden" value="password">
			<input name="redirect" id="redirect" type="hidden" value="{{redirect}}">
			<div class="buttons">
				<button type="submit">Login</button>
			<a href="/account/register{{#if redirect}}?redirect={{redirect}}{{/if}}" class="register">Don't have an account?</a>
			</div>
		</form>
	</div>
</div>

{{#if error}}
<div class="banner-notice error">
	<div>
		<p>{{ error }}</p>
	</div>
</div>
{{/if}}