@extends('layouts.default')

@section('page_css')
        @include('includes.portal-css')	
@stop

 @section('content')
  <!-- Breadcroumbs start -->
  <div class="wshipping-content-block wshipping-breadcroumb inner-bg-1">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-7">
          <h1>Change Password</h1>
          <a href="{{URL('/')}}" title="Home">Home</a> / Change Password </div>
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end --> 

  <!-- Change Passwprd page Start-->
  <div class="wshipping-content-block shipping-block">
    <div class="container">
      <h2 class="heading2-border mt0">Change Password</h2>
      <div class="row">
       <div class="col-md-12">
        <div class="shipping-form-block my-profile-block">
          <form  accept-charset="UTF-8" enctype="multipart/form-data" action="{{ route('change-password-save')}}" method="POST" id="change-password" data-parsley-validate>
           <!-- fieldsets change From Start-->
            <fieldset>
            @csrf 
            @include('includes.ajax-call-responce-message-block') 
                 <input name="id" type="hidden" value="{{$userId}}">
                 <div class="">
                   <div class="form-group">
                    <div class="row">
                       <div class="col-12 col-md-6 col-lg-6">
                       <label> Old - Password:</label>
                       <input name="old_password" required type="password" id="old_password"
                        class="form-control{{ $errors->has('password') ? ' is-invalid': '' }}"  data-parsley-required data-parsley-length="[6,20]" data-parsley-trigger="keyup">

                       @if ($errors->has('old_password'))
                        <span class="invalid-feedback">
                          <strong>{{ $errors->first('old_password') }}</strong>
                        </span> 
                       @endif
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="row">
                      <div class="col-12 col-md-6 col-lg-6">
                       <label>New - Password:</label>
                       <input name="password" required type="password" id="password"
                        class="form-control{{ $errors->has('password') ? ' is-invalid': '' }}" data-parsley-group="first-step" data-parsley-required data-parsley-length="[6,20]" data-parsley-trigger="keyup">

                       @if ($errors->has('password'))
                        <span class="invalid-feedback">
                          <strong>{{ $errors->first('password') }}</strong>
                        </span> 
                       @endif
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="row">
                      <div class="col-12 col-md-6 col-lg-6">
                        <label>Confirm Password:</label>
                        <input type="password" class="form-control" name="password_confirmation" data-parsley-required data-parsley-group="first-step"  data-parsley-equalto="#password"  data-parsley-trigger="keyup"/>
                      </div>
                    </div>
                  </div>
                     <div class="row">
                          <div class="col-12 col-md-6 col-lg-6">
                            <button type="submit" class="btn btn-submit btn-1" id="submit">Change</button>
                            <a  href="{{ route('/') }}"> <input type="button" name="cancel" class="btn btn-submit action-button btn-1" value="Cancel" /></a>
                          </div>
                   </div>
                 </div>
            </fieldset>
        </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--Change Passwprd page end --> 
      
 @section('javascript')
  @include('includes.portal-script')
  <script type="text/javascript" src="{{ FECUSTOMER_URL.'js/my-account.js'}}"></script>	
  @stop
@endsection