{% extends 'base.html' %}

{% block css %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/form.css') }}">
{% endblock %}

{% block body %}

<!-- REGISTRATION FORM -->
<div class="text-center">
	<div class="logo">register</div>
	<!-- Main Form -->
	<div class="login-form-1">
		<form id="register-form" class="text-left" method="post">
			<div class="login-form-main-message"></div>
			<div class="main-login-form">
				{{ form.csrf_token }}
				<div class="login-group">
					<div class="form-group">
						<label for="reg_username" class="sr-only">Email address</label>
						{{ form.reg_username(class='form-control', id='reg_username', placeholder='Username') }}
					</div>
					<div class="form-group">
						<label for="reg_password" class="sr-only">Password</label>
						{{ form.reg_password(class='form-control', id='reg_password', placeholder='Password') }}
					</div>
					<div class="form-group">
						<label for="reg_password_confirm" class="sr-only">Password Confirm</label>
						{{ form.reg_password_confirm(class='form-control', id='reg_password_confirm', placeholder='Confirm Password') }}
					</div>
					
					<div class="form-group">
						<label for="reg_email" class="sr-only">Email</label>
						{{ form.reg_email(class='form-control', id='reg_email', placeholder='Email') }}
					</div>
					
				</div>
				<button type="submit" class="login-button"><i class="fa fa-chevron-right"></i></button>
			</div>
			<div class="etc-login-form">
				<p>already have an account? <a href="{{ url_for('auth.login_page') }}">login here</a></p>
			</div>
		</form>
	</div>
	<!-- end:Main Form -->
</div>

{% endblock %}