@extends('user.user_dashboard')
@section('home')






    <!-- ================================
    START BREADCRUMB AREA
  ================================= -->
  <section class="breadcrumb-area section-padding img-bg-2">
    <div class="overlay"></div>
 
    <div class="container">
 
        <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
           
            <div class="section-heading">
                <h2 class="section__title text-white"> <a href="{{ route('dashboard') }}"> <i class="la la-chevron-left icon text-white"> </i> </a>  Change Password </h2>
            </div>
 
            <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">
                <li> <a href="{{ route('dashboard') }}">  Dashboard </a> </li>
                <li> Change Password </li>
            </ul>
 
        </div><!-- end breadcrumb-content -->
 
    </div><!-- end container -->
   </section><!-- end breadcrumb-area -->
 <!-- ================================
    END BREADCRUMB AREA
 ================================= -->




 <section class="course-area pb-120px mt-5">
    <div class="container">

        <div class="section-heading text-center">
            
          <!--  <h2 class="section__title py-5 text-white"> CHANGE PASSWORD </h2> -->
            
          <!--  <span class="section-divider"></span> -->

        </div><!-- end section-heading -->
      
       
        <div class="row">

            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">

                        <div class="d-flex flex-column align-items-center text-center">

                            <img src="{{ (!empty($profileData->photo)) ? asset($profileData->photo) : url('upload/avatar_image.jpg')}}" alt="Admin" class="rounded-circle p-1 bg-primary" width="110">
                           
                            <div class="mt-3">
                                <h4>{{ $profileData->title }} {{ $profileData->firstname }} {{ $profileData->surname }}</h4>
                                <p class="text-secondary mb-1">{{ $profileData->username }}</p>
                                <p class="text-muted font-size-sm">{{ $profileData->email }}</p>
                            </div>

                        </div>

                        <hr class="my-4" />

                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap">
                               
                            </li>
                        </ul>

                    </div>

                </div>
            </div>


 
            <div class="col-lg-8">
                <div class="card">
            
                    <form method="POST" action="{{ route('user.password.update') }}"  enctype="multipart/form-data">
                        @csrf
            
                    <div class="card-body">
                        <div class="row mb-3"> 

                            <div class="col-sm-3">
                                <h6 class="mb-0">Old Password </h6>
                            </div>

                            <div class="col-sm-9 text-secondary">
                                <input type="password" name="old_password" class="form-control @error('old_password') is-invalid @enderror" id="old_password" />
                               
                                @error('old_password')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
            
                        <div class="row mb-3"> 
                            <div class="col-sm-3">
                                <h6 class="mb-0">New Password </h6>
                            </div>

                            <div class="col-sm-9 text-secondary">
                                <input type="password" name="new_password" class="form-control @error('new_password') is-invalid @enderror" id="new_password" placeholder=" " />

                                @error('new_password')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror

                            </div>
                        </div>
            
                        <div class="row mb-3"> 

                            <div class="col-sm-3">
                                <h6 class="mb-0">Confirm New Password </h6>
                            </div>

                            <div class="col-sm-9 text-secondary">
                                <input type="password" name="new_password_confirmation" class="form-control" id="new_password_confirmation" placeholder=" " /> 
                            </div>

                        </div>
            
            
            
            
                        <div class="row">
                            <div class="col-sm-3"> </div>

                            <div class="col-sm-9 text-secondary">
                                <input type="submit" class="btn btn-primary px-4" value="Save Changes" />
                            </div>
                        </div>

                    </div> 
                </form>
            
            
                </div>
            
            
            
            </div>


        </div>

       

    

    </div>
</section>


   




@endsection