@extends('layouts.app')
@section('content')

<div class="card card-xl-stretch">
    <div class="card-body">
        <div class="">
            
            <form id="change_password_form" method="POST">
                @csrf
                @honeypot
                <!--<input type="hidden" name="user_pin">-->
                <h3 class="fs-4 ">{{__('Update Your Password')}}</h3>
                <div class="separator  my-2"></div>
                <div class="row g-3 ">
                    <!--begin::Col-->
                    <div class="col-md-4">
                        <!--begin::Google link=-->
                        <div class=" fv-row">
                            <!--begin::Label-->
                            <label class="form-label ">{{__('Old Password')}} <span class="text-danger">*</span></label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="password" class="form-control @error('old_password') is-invalid @enderror"
                                name="old_password" id="old_password" />
                            @error('old_password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            <!--end::Input-->
                        </div>
                        <!--end::Google link=-->
                    </div>
    
                    <div class="col-md-4">
                        <!--begin::Google link=-->
                        <div class=" fv-row">
                            <!--begin::Label-->
                            <label class="form-label ">{{__('New Password')}} <span class="text-danger">*</span></label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="password" class="form-control @error('password') is-invalid @enderror"
                                name="password" id="password" />
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            <!--end::Input-->
                        </div>
                        <!--end::Google link=-->
                    </div>
                    <!--end::Col-->
                    <!--begin::Col-->
                    <div class="col-md-4">
                        <!--begin::Google link=-->
                        <div class=" fv-row">
                            <!--begin::Label-->
                            <label class="form-label ">{{__('Confirm Password')}} <span
                                    class="text-danger">*</span></label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="password" class="form-control @error('password_confirmation') is-invalid @enderror"
                                name="password_confirmation" id="password_confirmation" />
                            @error('password_confirmation')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                            <!--end::Input-->
                        </div>
                        <!--end::Google link=-->
                    </div>
                    <!--end::Col-->
                    <div class="col-md-12 mt-5">
                        <button type="submit" class="btn w-100 btn-primary btn-sm">Submit</button>
                    </div>
                </div>    
                
                
            </form>
        </div>
    </div>
    <!--begin::Body-->
</div>
@endsection           
@section('page_script')                                                           
<script>
$(".topbar-user").find('.change-password').addClass('active')
</script>
@endsection                                  
<!-- App js -->