{% extends "base.html" %}
{% load account socialaccount %}
{% block content %}
	<!-- Start Login -->
<div class="login_wrapper">
  <div class="login_overlay">
    <div class="container">
      <div class="row">
        <div class="nav_tabs_container">                    
          <ul class="nav nav-tabs">
            <li class="{% if request.resolver_match.url_name == 'account_login' or request.resolver_match.url_name = 'core_login' %} active {% endif %}"><a class="text-center" data-toggle="tab" href="#login"><span>Login</span></a></li>
            <li class="{% if request.resolver_match.url_name == 'account_signup' %} active {% endif %}"><a class="text-center" data-toggle="tab" href="#sign_up"><span>Register</span></a></li>
          </ul>
          <div class="clearfix"></div>
          <div class="tab-content">
            <div id="login" class="tab-pane fade {% if request.resolver_match.url_name == 'account_login' or request.resolver_match.url_name = 'core_login' %} in active {% endif %}">
              	<div class="box login">
                    <!-- For facebook login --> 
                    {% get_providers as socialaccount_providers %}
					{% if socialaccount_providers %}				
						<div class="socialaccount_ballot">
						  <ul class="socialaccount_providers">
						    {% include "socialaccount/snippets/provider_list.html" with process="login" %}
						    <p>We only take your profile picture & name.
							  	<br />
							  	We will not post anything on your profile.
							</p>
						  </ul>						  
						</div>
						{% include "socialaccount/snippets/login_extra.html" %}
					{% endif %}
					<!-- End For facebook login -->
                  	<h4 class="login_or">OR</h4>
                  	<div class="clearfix"></div>
	                <form role="form" action="{% url 'fearfront:core_login' %}" method="post">

                        {% if redirect_field_name and redirect_field_value %}
                        <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}">
                        {% endif %}
                        {% csrf_token %}
						{{ login_form.non_field_errors }}
		                <div class="form-group">
		                  <label for="email">Email <span>*</span> </label>
		                  {{ login_form.login.errors }}
		                  <input name="login" type="email" class="form-control" id="email">
		                </div>
		                <div class="form-group">
		                  <label for="pwd">Password <span>*</span> </label>
		                  {{ login_form.password.errors }}
		                  <input name="password" type="password" class="form-control" id="pwd">
		                </div>
		                <div class="checkbox">
	                      <label>
	                        <input type="checkbox" name="remember">
	                        <a href="#">Remember me</a>
	                      </label>
	                      <span>
	                      	<a href="{% url 'account_reset_password' %}">Forgot Password?</a>
	                      </span>
	                    </div>
		                <button type="submit" class="btn btn-default custom_btn">Login</button>
		                
		            </form>
                </div>
            </div>
            <div id="sign_up" class="tab-pane fade {% if request.resolver_match.url_name == 'account_signup' %} in active {% endif %}">
            	<div class="box login">

            		<!-- For facebook login --> 
                    {% get_providers as socialaccount_providers %}
					{% if socialaccount_providers %}				
						<div class="socialaccount_ballot">
						  <ul class="socialaccount_providers">
						    {% include "socialaccount/snippets/provider_list.html" with process="login" %}
						    <p>We only take your profile picture & name.
							  	<br />
							  	We will not post anything on your profile.
							</p>
						  </ul>
						</div>
						{% include "socialaccount/snippets/login_extra.html" %}
					{% endif %}
					<!-- End For facebook login -->
            		<h4 class="login_or">OR</h4>
                  	<h3>Create new account</h3>
	                <form method="post" role="form" action="{% url 'account_signup' %}">
	                	<input type="hidden" name="invite_code" value="{{ invite_code }}" />
						{% if redirect_field_name and redirect_field_value %}
						<input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}">
						{% endif %}
						{% csrf_token %}
						{{ form.non_field_errors }}
		                <div class="form-group">
		                  <label for="email">Email <span>*</span> </label>
		                  {{ form.email.errors }}
		                  <input name="email" type="email" class="form-control" id="email" placeholder="Enter email">
		                </div>
		                <div class="form-group">
		                  <label for="pwd">Password <span>*</span> </label>
		                   {{ form.password1.errors }}
		                  <input name="password1" type="password" class="form-control" id="pwd" placeholder="Enter password">
		                </div>
		                <div class="form-group">
		                  <label for="pwd">Repeat password <span>*</span> </label>
		                  {{ form.password2.errors }}
		                  <input name="password2" type="password" class="form-control" id="pwd" placeholder="Re-enter password">
		                </div>
<!-- 		                <div class="form-group">
		                  <label for="email">Invitation Code <span>*</span> </label>
		                  {{ form.invitation_code.errors }}
		                  <input name="invitation_code" type="text" class="form-control" id="invitation_code" placeholder="Invitation Code">
		                </div> -->
		               <!--  <div class="checkbox">
		                 <label>
		                   <input type="checkbox"><a href="#">Remember me</a></label>
		                   <span><a href="#">Forgot Password?</a></span>
		               </div> -->
		                <button type="submit" class="btn btn-default custom_btn">Sign Up</button>
		            </form>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End Login --> 

{% endblock %}