{% load static %}
{% load widget_tweaks %}
{% load crispy_forms_tags %}

<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
        <title>Nsoft</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        <link href="{% static 'css/boot.css' %}" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!--        <link rel="stylesheet" href="{% static 'css/theme.css' %}">-->

        <link rel="stylesheet" href="{% static 'css/boot_min.css' %}">
        <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/animate.css' %}">
        <link rel="stylesheet" href="{% static 'css/hamburgers.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/select2.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/util.css' %}">
        <link rel="stylesheet" href="{% static 'css/main.css' %}">
        <meta name="robots" content="noindex, follow">


</head>
<body>

<div class="mt-2">
    {% for message in messages %}
<div class="container-fluid p-0">
  <div class="alert {{ message.tags }} " role="alert" >
      {{ message }}


  </div>
</div>
{% endfor %}
     </div>



<div class="limiter">
<div class="container-login100">
<div class="wrap-login100">
<div class="login100-pic js-tilt" data-tilt>

    <img src="{% static 'images/Logo.png' %}" alt="IMG">
</div>
<form class="login100-form validate-form" action="{% url 'Login' %}" method="post">
<span class="login100-form-title">
Member Login

</span>
<div class="wrap-input100 validate-input" data-validate="Valid email is required: ex@abc.xyz">
<!--<input class="input100" type="text" name="email" placeholder="Email">-->
										{% csrf_token %}
                                          {% for  field in Login_form %}
                                             {{field.errors}}
                                            {% render_field field class="input100" %}
											<br>

                                          {% endfor %}

 {{status}}
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-envelope" aria-hidden="true"></i>
</span>
</div>

<div class="container-login100-form-btn">
<button class="login100-form-btn" name="log_button">
Login
</button>
</div>
<div class="text-left p-t-12">
<span class="txt1">
   Forgot
</span>
<a class="txt2" href="{% url 'reset_password' %}" name="for_pwd">
Password?
</a>
</div>
<div class="text-right p-t-40">
<a  href="{% url 'Registration' %}" class="btn btn-primary">
Create your Account
<i class="fa fa-long-arrow-right m-l-5" aria-hidden="true"></i>
</a>
</div>
</form>
</div>
</div>
</div>

<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>

<script src="{% static 'js/popper.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>

<script src="{% static 'js/select2.min.js' %}"></script>

<script src="{% static 'js/tilt.jquery.min.js' %}"></script>
<script>
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<script src="js/main.js"></script>
<script defer src="{% static 'js/beacon.min.js' %}"></script>
</body>
</html>
