<div class="modal fade" tabindex="-1" role="dialog" id="change-password">
    <div class="modal-dialog modal-dialog-centered modal-md" role="document">
        <div class="modal-content">
            <a href="#" class="close" data-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
            <div class="modal-body modal-body-md">
                <h5 class="title">Change Password</h5>
                <form class="form-validate is-alter mt-4 form-authentic" id="change-password-form">
                    @csrf
                    <div class="form-group">
                        <label class="form-label" for="current-password">Current Password <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="password" name="old_password" class="form-control form-control-lg"
                                id="current-password" placeholder="Enter Current Password" required maxlength="190">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="new-password">New Password <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="password" name="new_password" class="form-control form-control-lg"
                                id="new-password" placeholder="Enter new password" required maxlength="190">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="form-label" for="new-password">Retype New Password <span
                                class="text-danger">*</span></label>
                        <div class="form-control-wrap">
                            <input type="password" name="new_password_confirmation"
                                class="form-control form-control-lg" id="new-password-confirmation"
                                placeholder="Retype new password" required maxlength="190">
                        </div>
                    </div>
                    <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                        <li>
                            <button id="update-password" class="btn btn-primary pw-btn">
                                <span>Update Password</span>
                                <span class="spinner-border spinner-border-sm hide pw-spinner" style="display: none;" role="status" aria-hidden="true"></span>
                            </button>
                        </li>
                        <li>
                            <a href="javascript:void(0)" data-dismiss="modal" class="link link-light">Cancel</a>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
