{% extends 'base.html' %}


<!-- Adding Login Page to The Body  -->
{% block css %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', filename='css/form.css') }}">
{% endblock %}



{% block body %}


<!-- LOGIN FORM -->
<div class="text-center">
	<div class="logo">login</div>
	<!-- Main Form -->
	<div class="login-form-1">
		<form id="login-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="lg_username" class="sr-only">Username</label>
                        <!-- <input type="text" class="form-control" id="lg_username" name="lg_username" placeholder="username"> -->
                         {{ form.lg_username(class='form-control', placeholder='username', id='lg_username') }}
					</div>
					<div class="form-group">
						<label for="lg_password" class="sr-only">Password</label>
						<!--<input type="password" class="form-control" id="lg_password" name="lg_password" placeholder="password">-->
						{{ form.lg_password(class='form-control', id='lg_password', placeholder='password') }}
					</div>
					<div class="form-group login-group-checkbox">
						<input type="checkbox" id="lg_remember" name="lg_remember">
						<label for="lg_remember">remember</label>
					</div>
				</div>
				<button type="submit" id="loginButton" class="login-button"><i class="fa fa-chevron-right"></i></button>
			</div>
			<div class="etc-login-form">
				<!--<p>forgot your password? <a href="#">click here</a></p>-->
				<p>New User? <a href="{{ url_for('auth.register_page') }}">Create New Account</a></p>
			</div>
		</form>
	</div>
	<!-- end:Main Form -->
</div>




{% endblock %}