<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
{% load staticfiles %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="ThemeBucket">
<link rel="shortcut icon" href="{% static 'theme/images/favicon.ico' %}">
<title>Login</title>
<link href="{% static 'theme/bs3/css/bootstrap.min.css' %}" rel="stylesheet">
<link href="{% static 'theme/css/bootstrap-reset.css' %}" rel="stylesheet">
<link href="{% static 'theme/font-awesome/css/font-awesome.css' %}" rel="stylesheet" />
<link href="{% static 'theme/css/style.css' %}" rel="stylesheet">
<link href="{% static 'theme/css/style-responsive.css' %}" rel="stylesheet" />
<link href="{% static 'common/css/style.css' %}" rel="stylesheet" >
<style>
.error-message {
color: indianred;
margin-top: 5px;
text-align: center;
}
@media (max-width: 479px) {
body {
margin-top: 0px !important;
}
}
</style>
</head>
<body class="login-body">
<div class="container">
<form class="form-signin" action="." method="post">
{% csrf_token %}
<h2 class="form-signin-heading">sign in now</h2>
<div class="login-wrap">
<div class="user-login-info">
<input type="text" class="form-control" placeholder="User ID" name="username" autofocus>
<div class="input-group">
<input type="password" style="margin-bottom: 0px" class="form-control" placeholder="Password" name="password">
<span class="input-group-addon see-password" style="border-color: transparent;background-color: whitesmoke; " onClick="SeePassword(this)" data-toggle="tooltip" title="Show Password">
<i class="fa fa-eye"></i>
</span>
</div>
{% if error %}
<div class="error-message">{{ error }}</div>
{% endif %}
<input type="hidden" name="next" value="{{ request.GET.next }}">
<label class="checkbox">
<span class="pull-right">
<a href="{% url 'password_reset' %}"> Forgot Password?</a>
</span>
<span class="clearfix"></span>
</label>
</div>
<button class="btn btn-lg btn-login btn-block" type="submit">Sign in</button>
</div>
</form>
</div>
<script src="{% static 'theme/js/jquery.js' %}"></script>
<script src="{% static 'theme/bs3/js/bootstrap.min.js' %}"></script>
<script src="{% static 'theme/js/see_password.js' %}"></script>
</body>
</html>