{% block style %}{% include "templates/includes/login.css" %}{% endblock %}

{% block content %}
<div class="login-content container" style="max-width: 800px;">
	<form class="form-signin form-login" role="form">
		<h2 class="form-signin-heading">{{ _("Login") }}</h2>
		<input type="text" id="login_email" 
			class="form-control" placeholder="{{ _('Email address') }}" required autofocus>
		<input type="password" id="login_password"
			class="form-control" placeholder="{{ _('Password') }}" required>
		<!-- <label class="checkbox">
			<input type="checkbox" value="remember-me"> Remember me
		</label> -->
		<br>
		<button class="btn btn-lg btn-primary btn-block btn-login" type="submit">{{ _("Sign in") }}</button>
		{%- if fb_app_id is defined -%}
		<div id="fb-root"></div>
		<p class="text-center">
			<p class="text-muted text-center" style="margin: 10px;">or</p>
			<button type="button" class="btn btn-lg btn-primary btn-block btn-facebook">
			{{ _("Login via Facebook") }}</button></p>
		{%- endif -%}
		<p class="text-center">
			<br><a href="#signup">{{ _("Not a user yet? Sign up") }}</a>
		</p>
		<p class="text-center">
			<br><a href="#forgot" class="text-muted">{{ _("Forgot Password?") }}</a>
		</p>

	</form>
	
	<form class="form-signin form-signup" role="form">
		<h2 class="form-signin-heading">{{ _("Sign Up") }}</h2>
		<input type="text" id="signup_fullname" 
			class="form-control" placeholder="{{ _('Full Name') }}" required autofocus>
		<input type="email" id="signup_email"
			class="form-control" placeholder="{{ _('Email Id') }}" required>
		<button class="btn btn-lg btn-primary btn-block btn-signup" type="submit">{{ _("Sign up") }}</button>
		<p class="text-center">
			<br><a href="#login">{{ _("Have an account? Login") }}</a>
		</p>

	</form>
	
	<form class="form-signin form-forgot" role="form">
		<h2 class="form-signin-heading">{{ _("Forgot Password") }}</h2>
		<input type="email" id="forgot_email" 
			class="form-control" placeholder="{{ _('Email Id') }}" required autofocus>
		<br>
		<button class="btn btn-lg btn-primary btn-block btn-forgot" type="submit">{{ _("Send Password") }}</button>
		<p class="text-center">
			<br><a href="#login">{{ _("Back to Login") }}</a>
		</p>

	</form>
	
</div>
{% endblock %}

{% block script_lib %}{% include "templates/includes/login.js" %}{% endblock %}

{% block sidebar %}{% endblock %}