chess/resources/views/content/others/changePass.blade.php

<x-other.modal id="mChangePass" title="Change Password" subTitle="Change Password {{ Auth::user()->full_name }}" info="" separator="false" size="md">
    <x-slot name="action">
        <button onclick="storeChangePass()" type="button" class="btn btn-success font-weight-bold mr-2" id="znBtnLoader">Simpan</button>
     </x-slot>
    <x-slot name="content">
        <form id="formChangePass">            
            <div class="separator separator-dashed separator-border-1 mt-5 mb-5"></div>
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>New Password </label>
                                <input autocomplete="off" type="password" value="" name="change_pass" id="change_pass" class="form-control form-control-solid" placeholder="Isikan New Password"/> 
                            </div>
                        </div>                            
                    </div>
                </div>
            </div>
        </form>                   
    </x-slot>
</x-other.modal>

<x-other.modal id="mChangePassword" title="Change Password" subTitle="Change Password {{ Auth::user()->full_name }}" info="" separator="false" size="md">
    <x-slot name="action">
        <button onclick="storeChangePassword()" type="button" class="btn btn-success font-weight-bold mr-2" id="znBtnLoader">Simpan</button>
     </x-slot>
    <x-slot name="content">
        <form id="mChangePasswordForm">            
            <div class="separator separator-dashed separator-border-1 mt-5 mb-5"></div>
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Password Lama</label>
                                <div class="input-group input-group-solid input-group-md mb-2 zn_sh_password">
                                    <input autocomplete="off" type="password" value="" name="oldPassword" id="oldPassword" class="form-control form-control-solid" placeholder="Password Lama..."/> 
                                    <div style="cursor: pointer;" onclick="znShowPassword()">
                                        <span class="input-group-text zn-icon-eye"><i class="la la-eye-slash"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>                            
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Password Baru</label>
                                <div class="input-group input-group-solid input-group-md mb-2 zn_sh_password">
                                    <input autocomplete="off" type="password" value="" name="newPassword" id="newPassword" class="form-control form-control-solid" placeholder="Password Baru..."/> 
                                    <div style="cursor: pointer;" onclick="znShowPassword()">
                                        <span class="input-group-text zn-icon-eye"><i class="la la-eye-slash"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>                            
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Konfirmasi Password Baru</label>
                                <div class="input-group input-group-solid input-group-md mb-2 zn_sh_password">
                                    <input autocomplete="off" type="password" value="" name="confirmPassword" id="confirmPassword" class="form-control form-control-solid" placeholder="Konfirmasi Password Baru..."/> 
                                    <div style="cursor: pointer;" onclick="znShowPassword()">
                                        <span class="input-group-text zn-icon-eye"><i class="la la-eye-slash"></i></span>
                                    </div>
                                </div>
                            </div>
                        </div>                            
                    </div>
                </div>
            </div>
            <div class="warningText">Password Baru Minimal 8 karakter, Mengandung Huruf Besar, Huruf Kecil, Angka, dan Simbol</div>
        </form>                   
    </x-slot>
</x-other.modal>