{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% load widget_tweaks %}
{% load embed_video_tags %}

{% block title %} Login {% endblock title %}

{% block content %}

<section class="page-title centred" style="background-image: url(../../../static/media.istockphoto.com/id/1337321164/photo/istockphoto-1337321164-612x6125b29.jpg?s=612x612&amp;w=0&amp;k=20&amp;c=_1Ui7qwtufwzsRtv6xmfZh7C1nIsLtgGgrMurdTkf9A=);">
    <div class="auto-container">
        <div class="content-box clearfix">
            <h1>Login</h1>
            <ul class="bread-crumb clearfix">
                <li><a href="{% url 'zeeprimeapp:home' %}">Home</a></li>
                <li>Login</li>
               
            </ul>
        </div>
    </div>
</section>
    <!--End Page Title-->


    <section class="service-details" style="background:hsl(224, 31%, 57%);">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="col-lg-12 col-md-12 col-sm-12 content-side">
                   
<script language=javascript>
function checkform() {
  if (document.mainform.username.value=='') {
    alert("Please type your username!");
    document.mainform.username.focus();
    return false;
  }
  if (document.mainform.password.value=='') {
    alert("Please type your password!");
    document.mainform.password.focus();
    return false;
  }
  return true;
}
</script>



                    <div class="login-wrap">
                        <div class="login-html">
                            <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Sign In</label>
                          
<form method=post name=mainform action="{% url 'userdashboard:login' %}">
<input type=hidden name=a value='do_login'>
<input type=hidden name=follow value=''>
<input type=hidden name=follow_id value=''>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}
                            <div class="login-form">
                                    <div class="group">
                                        <label for="user" class="label">Username</label>
                                        {% render_field form.username class="input" placeholder="Username*" %}
                                    </div>
                                    <div class="group">
                                        <label for="pass" class="label">Password</label>
                                        {% render_field form.password placeholder="Password*" class="input" %}
                                    </div>
                                    <div class="group">
    
</div>
                                    <div class="group">
                                        <input id="check" type="checkbox" class="check" checked>
                                        <label for="check"><span class="icon"></span> Keep me Signed in</label>
                                    </div>
                                    <div class="group">
                                        <input type="submit" class="button" value="Sign In">
                                    </div>
                                    <div class="hr"></div>
                                    <div class="foot-lnk">
                                        <a href="{% url 'password_reset' %}">Forgot Password?</a>
                                    </div>
                                </div>
                               
                            </div>
                        </div>
                    </div>

</form>


                </div>
                
            </div>
        </div>
    </section>
{% endblock content %}