{% extends 'admin_layout.html' %}
{% load static %}
{% block content %}
<title>Beni | Admin Forget Password</title>
<div class="container-xxl">
  {% if valid is True %}
  <div class="login-form-bg h-100">
    <div class="login-img-cnt">
       <img src="{% static 'admin/images/bglogin.png' %}">
   </div>
   <div class="container h-100">
       <div class="row justify-content-center h-100">
           <div class="col-xl-6">
               <div class="form-input-content">
                   <div class="card login-form mb-0">
                       <div class="card-body pt-4">
                           <div class="loginlogo text-center">
                               <a class="text-center" href="index.html"> 
                                   <img src="{% static 'admin/images/beniLogo.png' %}">
                               </a>
                           </div>
                            <form class="mt-5 mb-3 login-input" action='forgot/' id='verify-forgot' method="POST">
                                {% csrf_token %}
                               <h3 class="text-center">Forgot Your Password?</h3>
                               <div class="form-group">
                                   <label>New Password</label>
                                   <input type="password" class="form-control" id="password" name="new_password" placeholder="******" required>
                               </div>
                               <div class="form-group">
                                   <label>Confirm Password</label>
                                   <input type="password" class="form-control" id="confir-new-password" name="confirm_new_password" placeholder="******" required>
                               </div>
                               <button class="btn login-form__btn submit w-100">Submit</button>
                           </form>
                           <p class="mt-5 login-form__footer text-center"><a href="/admin-signin" class="text-primary underline">Back to Login</a></p>
                            
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
</div>
  {% else %}
  <p> INVALID LINK </p>
  {% endif %}
</div>
{% endblock %}