{% extends 'base.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block title %} Change pass | IQChem {% endblock %}

{% block content %}
    <h3 class="card-title" style="color: #301934;">IQChem</h3>
    <p>Update your Password</p>
    <hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
        <div class="card border-light col-sm-12 col-lg-6" style="color: #301934;">
            <div class="card-body">
              <form method="POST" action="">
                {% csrf_token %}
                    <div class="mb-4">
                        <!--label class="form-label">USERNAME</label-->
                        <input type="password" class="form-control" name="password1" placeholder="Password">
                    </div>
                    <div class="mb-4">
                        <!--label class="form-label">PASSWORD</label-->
                        <input type="password" class="form-control" name="password2" placeholder="Password">
                    </div>

                    <button type='submit' class="btn form-control" style="background-color: #301934; color:white;" onclick="if (confirm('Are you sure you want to Update your Password!!!?')){return true;}else{event.stopPropagation(); event.preventDefault();};">&nbsp;&nbsp;UPDATE PASSWORD&nbsp;&nbsp;</button>
                  
                </form>
              
            </div>
          </div>
          
{% endblock %}