{% load static %}
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{% static 'assets/fonts/icomoon/style.css' %}">
<link rel="stylesheet" href="{% static 'assets/css/owl.carousel.min.css' %}">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{% static 'assets/css/bootstrap.min.css' %}">
<!-- Style -->
<link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
<title>Hiring App : Sign In</title>
<style>
.nav-text{
padding: 20px 10px 0 10px;
font-weight: bold;
text-align: center;
font-size: 1.5rem;
color: rgb(77,66,255);
}
@media screen and (max-width: 450px) {
.nav-text{
font-size: 1.2rem;
}
}
</style>
</head>
<body>
<div id="notification-bar" class="hidden"></div>
<nav>
<h1 class="nav-text text-center">Apply for the post of Vice Chancellor</h1>
</nav>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="{% static 'assets/images/undraw_file_sync_ot38.svg' %}" alt="Image" class="img-fluid">
</div>
<div class="col-md-6 contents">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="mb-4">
<h3>Sign In</h3>
<p class="mb-3">NIT Srinagar: Lead me from Darkness to Light
</p>
<h6 class="card-category">
{% if msg %}
<span class="text-danger">{{ msg | safe }}</span>
{% endif %}
</h6>
</div>
{% if success %}
<div class="card-footer text-center">
<a href="{% url 'login' %}"
class="btn btn-block btn-primary">Login</a>
</div>
{% else %}
<form role="form" method="post" action="{% url 'password_reset' %}">
{% csrf_token %}
<div class="form-group first">
<input type="email" class="form-control" id="email" name="email" placeholder="Email">
</div>
<input type="submit" value="Forgot Password" class="btn btn-block btn-primary">
</form>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{% static 'assets/js/jquery-3.3.1.min.js' %}"></script>
<script src="{% static 'assets/js/popper.min.js' %}"></script>
<script src="{% static 'assets/js/bootstrap.min.js' %}"></script>
<script src="{% static 'assets/js/main.js' %}"></script>
</body>
</html>