MINI Sh3ll

@extends('layouts.main')
@section('title', 'Change Password')
@section('content')

<!--begin::Portlet-->
<div class="m-portlet m-portlet--tab">
    <div class="m-portlet__head">
        <div class="m-portlet__head-caption">
            <div class="m-portlet__head-title">
                <span class="m-portlet__head-icon m--hide">
                    <i class="la la-gear"></i>
                </span>
                <h3 class="m-portlet__head-text">
                   Change Password
                </h3>
            </div>
        </div>
    </div>
    <form class="m-form m-form--fit m-form--label-align-right" autocomplete="off" action="{{route('updatePassword')}}" method="POST" role="form" data-parsley-validate="parsley" id='change-password'>
        {{ csrf_field() }}
        <div class="m-portlet__body">
             <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Current Password <span class="text-danger">*</span>
                        </label>
                        <input type="password" class="form-control m-input" id ="current_password" name="current_password" placeholder="Current password" data-parsley-required         ="true"
                               data-parsley-required-message = 'Current password is required'
                               data-parsley-minlength        = "6"
                               data-parsley-maxlength        = "32"
                               data-parsley-trigger          ="change focusout"
                               data-parsley-remote="{{ route('checkCurrentPassword') }}" 
                               data-parsley-remote-options='{ "type": "GET", "dataType": "jsonp", "data": {_token: CSRF_TOKEN , "current_password": "current_password"} }'
                               data-parsley-remote-message="You enter incorrect current password"
                               autocomplete="false"/>
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label class="">
                            Password <span class="text-danger">*</span>
                        </label>
                        <input type="password" class="form-control m-input" id ="password" name="password" placeholder="Password" data-parsley-required         ="true"
                               data-parsley-required-message = 'Password is required'
                               data-parsley-minlength        = "6"
                               data-parsley-pattern          = "/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,}$/"
                               data-parsley-pattern-message  = "Your password use 6 or more characters with a mix of letters,atleast one uppercase letter,numbers & symbols"
                               data-parsley-maxlength        = "32"
                               data-parsley-remote="{{ route('checkPassword') }}" 
                               data-parsley-remote-options='{ "type": "GET", "dataType": "jsonp", "data": {_token: CSRF_TOKEN , "password": "password"} }'
                               data-parsley-remote-message="You enter new password same as current password"
                               data-parsley-trigger          ="change focusout"
                               autocomplete="false"/>
                        <span class="m-form__help"></span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group m-form__group">
                        <label for="exampleInputEmail1">
                            Confirm Password <span class="text-danger">*</span>
                        </label>
                        <input type="password" class="form-control m-input" name="password_confirmation" placeholder="Confirm Password" data-parsley-required="true"
                               data-parsley-required-message = "Confirm password is required"
                               data-parsley-equalto = '#password'
                               data-parsley-equalto-message  ="The  password does not match."
                               data-parsley-trigger       = 'change focusout'
                               autocomplete="false"/>
                        <span class="m-form__help"></span>
                    </div>
                </div>
               
            </div>
            
            
        </div>
        <div class="m-portlet__foot m-portlet__foot--fit">
            <div class="m-form__actions">
                <button type="submit" class="btn btn-primary">
                    Submit
                </button>
                <button type="reset" class="btn btn-secondary">
                    Cancel
                </button>
            </div>
        </div>
    </form>
</div> 
<!--end::Portlet-->
<script type="text/javascript">
      $(document).ready(function(){  
    $('#change-password').parsley();

     });
    </script>
@endsection