<%- include('header') %>
<form action="/login" method="post">
	<div class="mdc-text-field">
		<input class="mdc-text-field__input" id="username" name="username" type="text" required>
		<div class="mdc-line-ripple"></div>
		<label for="username" class="mdc-floating-label">Username</label>
	</div>
	<div class="mdc-text-field">
		<input class="mdc-text-field__input" id="password" name="password" type="password" required>
		<div class="mdc-line-ripple"></div>
		<label for="password" class="mdc-floating-label">Password</label>
	</div>
	<br><br>
	<div>
		<button class="mdc-button mdc-button--raised" type="submit"><span class="mdc-button__ripple"></span>Login</button>
	</div>
</form>
<% if (locals.error && locals.error.length > 0) { %>
<div class="mdc-dialog">
	<div class="mdc-dialog__container">
		<div class="mdc-dialog__surface" role="alertdialog" aria-modal="true" aria-labelledby="error"
			aria-describedby="error-content">
			<h2 class="mdc-dialog__title" id="error">Error</h2>
			<div class="mdc-dialog__content" id="error-content">
				<ul class="mdc-list mdc-list--avatar-list">
					<li class="mdc-list-item" tabindex="0" data-mdc-dialog-action="none">
						<span class="mdc-list-item__text"><%= locals.error %></span>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="mdc-dialog__scrim"></div>
</div>
<% } %>
<%- include('footer') %>