@include('partials.dashboard.head')
@include('partials.dashboard.sidebar', ['page' => 'users'])
@include('partials.dashboard.header')
                <!-- content @s -->
                <div class="nk-content ">
                    <div class="container-fluid">
                        <div class="nk-content-inner">
                            <div class="nk-content-body">
                                <div class="nk-block nk-block-middle nk-auth-body  wide-xs">
                                    <div class="card">
                                        <div class="card-inner card-inner-lg">
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                    <h5 class="nk-block-title">{{$page === 'reset' ? 'Reset' : 'Ganti'}} Kata Sandi</h5>
                                                    <div class="nk-block-des">
                                                        <p>Ubah kata sandi akun dan login menggunakan kata sandi baru.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <form action="{{$page === 'reset' ? route('dashboard.users.reset.password.action', ['id' => encrypt_id($user->id)]) : route('dashboard.users.setting.change.password.action')}}" method="post" id="myForm">
                                                @csrf
                                                <div class="form-group">
                                                    <div class="form-label-group">
                                                        <label class="form-label" for="account-name">Nama Akun</label>
                                                    </div>
                                                    <div class="form-control-wrap">
                                                        <input type="text" class="form-control form-control-lg" id="account-name" value="{{$user->name}}" readonly>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="form-label-group">
                                                        <label class="form-label" for="new-password">Kata Sandi Baru</label>
                                                    </div>
                                                    <div class="form-control-wrap">
                                                        <input type="password" class="form-control form-control-lg" id="new-password" placeholder="Masukan kata sandi baru" name="password">
                                                    </div>
                                                    @error('password')
                                                    <span class="validation-error">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="form-group">
                                                    <div class="form-label-group">
                                                        <label class="form-label" for="repeat-new-password">Ulangi Kata Sandi Baru</label>
                                                    </div>
                                                    <div class="form-control-wrap">
                                                        <input type="password" class="form-control form-control-lg" id="repeat-new-password" placeholder="Ulangi kata sandi baru" name="password_confirmation">
                                                    </div>
                                                    @error('password_confirmation')
                                                    <span class="validation-error">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="form-group">
                                                    <div class="form-label-group">
                                                        <label class="form-label" for="your-password">Kata Sandi Anda ({{$page === 'reset' ? Auth::user()->name : 'Saat Ini'}})</label>
                                                    </div>
                                                    <div class="form-control-wrap">
                                                        <input type="password" class="form-control form-control-lg" id="your-password" placeholder="Kata sandi Anda" name="my_password">
                                                    </div>
                                                    @error('my_password')
                                                    <span class="validation-error">{{$message}}</span>
                                                    @enderror
                                                </div>
                                                <div class="form-group">
                                                    <button type="button" class="btn btn-lg btn-primary btn-block" id="submitButton">{{$page === 'reset' ? 'Reset' : 'Ganti'}} Kata Sandi</button>
                                                </div>
                                            </form>
                                            <div class="form-note-s2 text-center pt-4">
                                                <a href="{{$page === 'reset' ? route('dashboard.users.index') : route('dashboard.users.setting')}}"><strong>Kembali</strong></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@include('partials.dashboard.footer', ['rich_editor' => false])