{% extends 'base.html' %}
{% load static %}

{% block title %}
    <title>Forgot Password</title>
{% endblock %}

{% block css %}
  <link rel="stylesheet" href="{% static 'assets/vendors/mdi/css/materialdesignicons.min.css' %}">
  <link rel="stylesheet" href="{% static 'assets/vendors/css/vendor.bundle.base.css' %}">
  <link rel="stylesheet" href="{% static 'assets/css/style.css' %}">
  <link rel="shortcut icon" href="{% static 'assets/images/favicon.png' %}" />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  
 
{% endblock %}


{% block content %}
  <div class="container-scroller">
    <div class="container-fluid page-body-wrapper">
      <div class="main-panel cust-profile">
        <div class="content-wrapper">
          <div class="page-header justify-content-center">
            <h3 class="page-title  text-sec">Forgot Password</h3>
          </div>

        <div class="row">
         <div class="col-md-8 offset-md-2 grid-margin">
          <div class="profile-grid">
              <div class="">
                  <div class="">
                      {% csrf_token %}
                      <form class="forms-sample">
                          <div class="form-group">
                              <label for="pass">Password:</label>
                              <input type="text" class="form-control" id="pass" >
                              <span class="text-danger" id="pass_txt"></span>
                          </div>
                          <div class="form-group">
                              <label for="conf_pass">Email Address</label>
                              <input type="text" class="form-control" id="conf_pass" >
                              <span class="text-danger" id="conf_pass_txt"></span>
                          </div>
                          
                          <button type="button" id="forgot-password-btn" class="btn btn-gradient-primary btn-rounded btn-fw">Update</button>
                      </form>
                  </div>
              </div>
          </div>


        </div>
        </div>
        </div>
        {% include 'customer_footer.html' %}
      </div>
    </div>
  </div>
  <div id="loading-img" style="display:none;">
    <img src="{% static 'images/loading-12.gif' %}">
  </div>
    <div class="modal fade" id="success_modal_updated" role="dialog" >
   <div class="modal-dialog">
     <div class="modal-content">
       <!-- <div class="modal-header border-0"> -->
         <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
       <!-- </div> -->
       <div class="modal-body">
        <span class="green-thumb">  <i class="fa fa-thumbs-o-up" aria-hidden="true"></i></span>
         <h3 class="response-msg">Profile updated successfully.</h3>
       </div>          
     </div>
   </div>
  </div>
{% endblock %}

{% block js %}
    <script src="{% static 'assets/vendors/js/vendor.bundle.base.js' %}"></script>
    <script src="{% static 'assets/vendors/chart.js/Chart.min.js' %}"></script>
    <script src="{% static 'assets/js/off-canvas.js' %}"></script>
    <script src="{% static 'assets/js/hoverable-collapse.js' %}"></script>
    <script src="{% static 'assets/js/misc.js' %}"></script>
    <script src="{% static 'assets/js/dashboard.js' %}"></script>
    <script src="{% static 'assets/js/todolist.js' %}"></script>
    <script src="{% static '/js/profile.js' %}"></script>

    <script>
    // $( document ).ready(function() {

      $(document).on("click",".pass_submit",function(){

  debugger;
  var pass=$('#pass').val().trim()
  var conf_pass= $('#conf_pass').val().trim()
  if(pass==""){
    $('#pass').focus()
    return false

  }
  if(conf_pass==""){
    $('#conf_pass').focus()
    return false
  }

   if (pass != conf_pass) { 
      $('.error').show()
      return false; 
  } 
  $('.error').hide()
  var url_link=window.location.pathname

  $.ajax({
         url: '',
         type: "POST",
         data: 
             {
                 "pass":pass,
                 "conf_pass":conf_pass,
                 "link_url" : url_link,
                 csrfmiddlewaretoken: $('input[name="csrfmiddlewaretoken"]').val()


             },
         dataType: 'json',
         cache: false,
         success: function(response){
          if(response['success']){
            window.location.href="/login/"
          }
         }
    });  






  })

</script>

{% endblock %}