{% extends "base.html" %}
{% load static %}
{% block content %}
<main class="main-body">
<section class="inner-banner" style="background: url('{% static 'images/inner-banner.png' %}')">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="inner-banner-box">
<div class="inner-banner-text">
<h1>Sign-In</h1>
<p>Connect with us</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="contact-section sign-up-section">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
{% if messages %}
<ul class="messages">
{% for message in messages %}
<li {% if message.tags %} class=" {{ message.tags }} alert alert-success" {% endif %}> {{ message }} </li>
{% endfor %}
</ul>
{% endif %}
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
<form class="forms form-section" action="" method="post">
{% csrf_token %}
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
{{ form.non_field_errors }}
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<label>Username</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<!-- <input type="text" class="form-control" placeholder="Enter Username..."> -->
{{ form.username }}
{{ form.username.errors }}
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<label>Password</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
<!-- <input type="password" class="form-control" placeholder="Enter Password..."> -->
{{ form.password }}
{{ form.password.errors }}
</div>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 pull-right">
<!-- <a href="" class="submit-all-btn">Sign-In <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> -->
<button type="submit" value="submit" class="submit-all-btn">Sign-In <i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>
<br>
<a href="{% url 'user_forgot_password' %}">Forgot Password?</a>
</div>
</div>
</form>
<div class="col-md-12 text-center">
<button class="btn btn-danger mb-2">
{% if user.is_authenticated %}
<!--<p>Logged as {{ user.username }}</p>-->
<a style="color: #fff;" href="{% url 'logout_view' %}">Logout</a>
{% else %}
<a style="color: #fff;" href="{% url 'social:begin' 'google-oauth2' %}">Login with Google</a>
{% endif %}
</button>
<button class="btn btn-primary mb-2">
<a style="color: #fff;" href="{% url 'social:begin' 'facebook' %}">Login with Facebook</a>
</button>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a>
</main>
{% endblock %}