{% extends 'layout.html' %}

{% block title %} Sign up: {% endblock %}

{% block content %}

<div class="row">
	<div class="col-md-6 col-md-offset-3">
		<h2> New User </h2>
		<br>
		<form action="signup" method="post">
			<div class="form-group">
				<label>Username:</label><br>
				<div class="input-group">
					<div class="input-group-addon">@</div>
					<input type="text" maxlength="30" class="form-control" id="username" name="username" required><br>
				</div>
			</div>
			<br>
			<div class="form-group">
				<label>Password:</label><br>
				<input type="password" class="form-control" id="password" name="password" required>
			</div>
			<br><br>
			<div class="form-group">
				<button type="submit" class="btn btn-primary">Signup</button>
			</div>

			{% if feedback %}
			<p class="text-danger float-right">{{ feedback }}</p>
			{% endif %}
		</form>
	</div>
</div>

{% endblock %}