@extends('layouts.app')
@push('styles')
@endpush
@section('content')
    <div class="app-main__inner card">
        <!-- Change Password ishipja -->
        <div class="dashboard_mainsec">
            <div class="dashboardmain_body">
                <div class="dashboard_headtitle">
                    <h4>Change Password</h4>
                </div>
                <div class="dashboard_form">
                    <form method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="single-login">
                            <label for="password-current">Current Password</label>
                            <input id="password-current" type="password" placeholder="************"
                                class="form-control @error('current_password') is-invalid @enderror"
                                name="current_password">
                            <span toggle="#password-current" class="fa fa-fw fa-eye eye-icon toggle-eye"
                                aria-hidden="true"></span>

                        </div>
                        @error('current_password')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <div class="single-login">
                            <label for="password-new">New Password</label>
                            <input id="password-new" type="password" placeholder="************"
                                class="form-control @error('password') is-invalid @enderror" name="password" value="">
                            <span toggle="#password-new" class="fa fa-fw fa-eye eye-icon toggle-eye"
                                aria-hidden="true"></span>
                        </div>
                        @error('password')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <div class="single-login">
                            <label for="password-eye">Confirm Password</label>
                            <input id="password-eye" type="password" placeholder="************"
                                class="form-control @error('password_confirmation') is-invalid @enderror"
                                name="password_confirmation">
                            <span toggle="#password-eye" class="fa fa-fw fa-eye eye-icon toggle-eye"
                                aria-hidden="true"></span>
                        </div>
                        @error('password_confirmation')
                            <span class="invalid-feedback d-block" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                        @enderror
                        <div class="dashboardf_btn ">
                            <button class="btn btn-primary btn-effect  mt-4" type="submit">
                                Update Password
                            </button>
                        </div>

                    </form>
                </div>


            </div>
        </div>
    </div>
@endsection
@push('scripts')
@endpush