@extends('Web/layout')
@section('title','Change Password')
@section('content')
<div class="pt-3">
    <div class="page-title d-flex">
        <div class="align-self-center">
            <a href="#" data-back-button class="me-3 ms-0 icon icon-xxs bg-theme rounded-s shadow-m">
            <i class="bi bi-chevron-left color-theme font-14"></i>
            </a>
        </div>
        <div class="align-self-center me-auto">
            <h1 class="color-theme mb-0 font-18 color-highlight">Change Password</h1>
        </div>
        <div class="align-self-center ms-auto">
        
        </div>
    </div>
</div>
<div class="content">
    <span class="font-16 font-800 text-danger" style="margin-bottom:10px;" id="errorMessage"></span>
    <form action="#" method="post" class="demo-animation needs-validation m-0" novalidate="">
        
        <div class="form-custom form-label form-icon mb-3">
            <i class="bi bi-file-lock font-14"></i>
            <input type="password" class="form-control rounded-xs" id="old_password" placeholder="Old Password" >
            <label for="c1" class="color-theme">Old Password</label>
        </div>
        <div class="form-custom form-label form-icon mb-3">
            <i class="bi bi-file-lock font-14"></i>
            <input type="password" class="form-control rounded-xs" id="new_password" placeholder="New Password"  >
            <label for="c1" class="color-theme">New Password</label>
        </div>
        <div class="form-custom form-label form-icon mb-3">
            <i class="bi bi-file-lock font-14"></i>
            <input type="text" class="form-control rounded-xs" id="confirm_new_password" placeholder="Confirm New Password" >
            <label for="c1" class="color-theme">Confirm New Password</label>
        </div>
       
    
        <button class="btn btn-full bg-blue-dark rounded-xs text-uppercase font-700 w-100 btn-s mt-4" type="buttom" id="updatePassword">Update Password</button>
    </form>
</div>
<script type="text/javascript"> 
        function preventBack() { 
            window.history.forward();  
        } 
          
        setTimeout("preventBack()", 0); 
          
        window.onunload = function () { null }; 
    </script> 
@endsection