{% extends "website/templates/base.html" %}
{% load widget_tweaks %}
{% block content %}
{% load static %}

<link rel="stylesheet" href="{% static 'website/css/login.css' %}">
<br><br><br>
<div class="row">
<div class="form">
<div class="headerlogin"><h2>Sign In</h2></div>
<div class="login">
    {% if password_reset %}
          <center>
            <div class="alert alert-danger">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>Kindly log in to Ask Question</p>
            </div>
          </center>
          <div class="clearfix"></div>
        {% endif %}   
  <!-- {% if password_updated %}
          <center>
            <div class="alert alert-danger">
                <a class="close" data-dismiss="alert" href="#">&times;</a>
                <p>Password has been updated successfully !</p>
            </div>
          </center>
          <div class="clearfix"></div>
        {% endif %} -->
   </br>
        <form action="{% url 'user_login' %}" method="POST"> {% csrf_token %}
            {% if form.errors %}
            <div class="alert alert-danger">
                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                <b>Invalid username or password</b>
            </div>
            {% endif %}
            {% with WIDGET_ERROR_CLASS='field_error' %} 
             <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-user fa-fw"></i></span>
                       {% render_field form.username class+="form-control" placeholder="Username" %}
                    </div>
                    </br>
                      <div class="input-group">
                        <span class="input-group-addon"><i class="fa fa-lock fa-fw"></i></span>
                     {% render_field form.password class+="form-control" placeholder="Password" %}
                    </div>
           </br>
                {% if next %}
                    <input type="hidden" name="next" value="{{ next }}">
                {% endif %}
                <input class="btn btn-sm btn-primary" type="submit" value="Login">
                <span class="ch"><a  href="/forgotpassword/">Forgot Password?</a></span>
            {% endwith %}
        </form>

  
        <h4>Rules and Regulations</h4>
        <ol>
            <li>This forum is a place to discuss questions and doubts related to the FOSSEE FOSS.</li>
            <li>This is not a place for self promotion.</li>
            <li>Any violation of the above may lead to the permanent account deletion.</li>
	<li>As this is a public forum, please refrain from sharing details such as email ids, phone numbers, address, etc. on the FORUM.</li>	
        </ol>
       
    </div><br/>
<div class="sign">
<div class="need">Need new account ?</div>
<div> <a class="btn  btn-sm btn-success" href="/accounts/register/" >Register</a></div>
</div>
</div>
 
</div> <!-- /.row -->
{% endblock %}