@extends('layouts.master')
@section('title')
    @lang('translation.dashboards')
@endsection
@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card box-dash-top">
                <div class="card-header">
                    Ubah Password
                </div>
                <div class="card-body">
                    <div class="row">
                        <form action="{{ route('MyProfileUpdate_save', Auth::user()->id) }}" method="POST">
                            <input type="hidden" name="pegawais_id" class="form-control" value="{{ Auth::user()->pegawais_id }}">
                            @method('PUT')
                            @csrf
                            <div class="row g-2">
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label for="oldpasswordInput" class="form-label">Username</label>
                                        <input type="text" class="form-control" value="{{ Auth::user()->email }}"
                                            disabled readonly>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="mb-3">
                                        <label for="oldpasswordInput" class="form-label">Nama</label>
                                        <input type="text" name="name" class="form-control" value="{{ Auth::user()->name }}"
                                            placeholder="Enter current password">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                        <label for="oldpasswordInput" class="form-label">Password Saat ini * @error('current_password') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                        <div class="position-relative auth-pass-inputgroup mb-3">
                                            <input type="password" class="form-control password-input pe-5 @error('password') is-invalid @enderror" name="current_password" placeholder="Enter password" id="password-input" autocomplete="off">
                                            <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
                                            @error('current_password')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        {{-- <div class="mb-3">
                                            <label for="oldpasswordInput" class="form-label">Password Saat ini * @error('current_password') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                            <input type="password" class="form-control" name="current_password"
                                                placeholder="Enter current password">
                                        </div> --}}
                                </div>
                                <!--end col-->
                                <div class="col-lg-12">
                                    <label for="oldpasswordInput" class="form-label">Password Baru * @error('current_password') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                    <div class="position-relative auth-pass-inputgroup mb-3">
                                        <input type="password" class="form-control password-input pe-5 @error('password') is-invalid @enderror" name="password" placeholder="Enter password" id="password-input" autocomplete="off">
                                        <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    {{-- <div class="mb-3">
                                        <label for="newpasswordInput" class="form-label">Password Baru* @error('password') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                        <input type="password" class="form-control" name="password"
                                            placeholder="Enter new password">
                                    </div> --}}
                                </div>

                                <div class="col-lg-12">
                                    <label for="oldpasswordInput" class="form-label">Konfirmasi Password Baru * @error('current_password') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                    <div class="position-relative auth-pass-inputgroup mb-3">
                                        <input type="password" class="form-control password-input pe-5 @error('password') is-invalid @enderror" name="password_confirmation" placeholder="Enter password" id="password-input" autocomplete="off">
                                        <button class="btn btn-link position-absolute end-0 top-0 text-decoration-none text-muted password-addon" type="button" id="password-addon"><i class="ri-eye-fill align-middle"></i></button>
                                        @error('password_confirmation')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    {{-- <div class="mb-3">
                                        <label for="newpasswordInput" class="form-label">Konfirmasi Password Baru* @error('password_confirmation') <span class="text-danger">{{ $message }}</span> @enderror</label>
                                        <input type="password" class="form-control" name="password_confirmation"
                                            placeholder="Enter new password">
                                    </div> --}}
                                </div>
                                <!--end col-->
                                <div class="col-lg-12">
                                    <div class="text-start">
                                        <button type="submit" class="btn btn-secondary">Change
                                            Password</button>
                                    </div>
                                </div>
                                <!--end col-->
                            </div>
                            <!--end row-->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('build/js/pages/profile-setting.init.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
    <script src="{{ URL::asset('build/js/pages/password-addon.init.js') }}"></script>
@endsection