@extends('layouts.app-home-user')

@section('meta_title')
<title>Customer Change Password - {{ config('app.name') }}</title>
        <meta name="title" content="Customer Change Password">
        <meta name="keywords" content="Customer  Change Password">
        <meta name="description" content="Customer Change Password">
        <meta property="og:type" content="website">
        <meta property="og:site_name" content="{{url('/')}}">
        <meta property="og:url" content="{{url('/user/change-password')}}" >
        <meta property="og:image" content="{{url('website/img/logo2.svg')}}"> 
@endsection
@section('content')
<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 " >
   <div class="container">
      <div class="row direction">
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-inner">
               <h3 class="page-title" >Change Password</h3>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-list " style="text-align: right; ">
               <ul>                 
               <li><a href="{{url('user/dashboard')}}" class="active"><span class="ltn__secondary-color"><i class="fa fa-home"></i></span> Home</a></li>
                                <li><i class="fa fa-angle-right"></i></li>
                  <li>Change Password</li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>
<div class=" gry-bg liton__wishlist-area pt-60 pb-70 pt-5 pb-5">
   <div class="container">
      <div class="row direction">
         <div class="col-lg-12">
            <!-- PRODUCT TAB AREA START -->
            <div class="ltn__product-tab-area">
               <div class="container1">
                  <div class="row">
                     @include('layouts.user_sidebar')
                     <div class="col-lg-9">
                        <div class="tab-content bg-white">
                           <div class="form-box-title px-3 py-2">
                           Change Password
                           </div>
                           <div class="tab-pane fade active show p-3" id="liton_tab_1_5">
                              <div class="ltn__myaccount-tab-content-inner">
                                 <div class="ltn__form-box">
                                 @if ($message = session()->has('errors_validation'))
                                  <div class="alert alert-danger" role="alert" id="danger-alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                    @foreach(session()->get('errors_validation') as $err)
                                        {{$err}}
                                        <br>
                                      @endforeach
                                  </div>
                                @endif
                                @if ($message = session()->has('error'))
                                  <div class="alert alert-danger" role="alert" id="danger-alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                    {{session()->get('error')}}
                                        
                                  </div>
                                @endif
                          
                                  @if ($message = session()->has('success_message'))
                                    <div class="alert alert-success" role="alert" id="danger-alert">
                                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                      </button>
                                      {{session()->get('success_message')}}
                                    </div>
                                  @endif
                                  <form id="profile_update" action="{{url('user/update-password')}}" method="post" enctype="multipart/form-data">
                                   @csrf
                                       <div class="row  mb-50 p-4">
                                          <div class="col-md-12 pb-3">
                                             <label>Current password<span class="error">*</span></label>
                                             <input type="password" class="form-control" name="old_password">
                                          </div>
                                          <div class="col-md-12 pb-3">
                                             <label>New password <span class="error">*</span></label>
                                             <input type="password" class="form-control" class="@error('new_password') is-invalid @enderror" name="new_password">
                                          </div>
                                             <div class="col-md-12 ">

                                             <label>Confirm new password <span class="error">*</span></label>
                                             <input type="password" class="form-control " name="confirm_password">
                                          </div>
                                       </div>
                                       <div class="btn-wrapper p-4">
                                          <button type="submit" class="btn btn-primary theme-btn-1 btn-effect-1 text-uppercase">Change Password</button>
                                       </div>
                                    </form>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- PRODUCT TAB AREA END -->
         </div>
      </div>
   </div>
</div>
@endsection