@extends('backend.layouts.app')

@section('content')

<div class="row">       
    <div class="col-md-12"> 
        <div class="box">
            <div class="box-body">

                <div class="col-lg-10">

                    <h2><i class='fa fa-user-plus'></i> @lang('messages.edit') {{$user->name}}</h2>
                    <hr>


                    <form id="form-change-password" role="form" method="POST" action="{{ url('update_password/'.$user->id) }}" class="form-horizontal edit_form">
                    <div class="col-md-9">             
                        <label for="current-password" class="col-sm-4 control-label">@lang('messages.current_password')</label>
                        <div class="col-sm-8">
                          <div class="form-group">
                            <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
                            <input type="password" class="form-control required" id="current-password" name="current-password" placeholder="Password" required>
                        </div>
                    </div>
                    <label for="password" class="col-sm-4 control-label">@lang('messages.new_password')</label>
                    <div class="col-sm-8">
                      <div class="form-group">
                        <input type="password" class="form-control required" id="password" name="password" placeholder="Password" required>
                    </div>
                </div>
                <label for="password_confirmation" class="col-sm-4 control-label">@lang('messages.re_enter_password')</label>
                <div class="col-sm-8">
                  <div class="form-group">
                    <input type="password" class="form-control required" id="password_confirmation" name="password_confirmation" placeholder="@lang('messages.re_enter_password')" required>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-5 col-sm-6">
              <button type="submit" class="btn btn-primary">@lang('messages.submit')</button>
          </div>
      </div>
  </form>



                    <!--<div class="form-group">
                        {{ Form::label('password', 'Password') }}<br>
                        {{ Form::password('password', array('class' => 'form-control')) }}

                    </div>

                    <div class="form-group">
                        {{ Form::label('password', 'Confirm Password') }}<br>
                        {{ Form::password('password_confirmation', array('class' => 'form-control')) }}

                    </div>-->

                    <!--{{ Form::submit('Add', array('class' => 'btn btn-primary')) }}

                    {{ Form::close() }}-->

                </div>


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

{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<style>
.error{
color:#E81717;
}
</style>

<script>
  // When the browser is ready...
  $(function() {
   
  $(".edit_form").validate({
    rules: {
      
	 email: {
        required: true,
        validEmail: true
    },
	
	password:{

		   required: true,
		   pwcheck: true,
		   minlength: 8

	   },
	   password_confirmation:{
	   required : true,
	   equalTo: "#password"
	   }
	 },
	  messages: {
	   password:{

		   pwcheck: "Make Sure to include a Capital leter and a Special character"
	   },

	   password_confirmation:{
		   equalTo : "Confirm Password Should Match Password"
	   }
	 }

	
   
  });
  
  
  $.validator.addMethod("pwcheck", function(value) {
    return /[A-Z]/.test(value) // consists of only these
            && /[a-z]/.test(value) // has a lowercase letter
            && /[0-9]/.test(value) // has a digit
            && /[!@#$^%&*()-_+=~`]/.test(value) //one special character

  });

  
    $.validator.addMethod("validEmail", function(value, element) 
{
    if(value == '') 
        return true;
    var temp1;
    temp1 = true;
    var ind = value.indexOf('@');
    var str2=value.substr(ind+1);
    var str3=str2.substr(0,str2.indexOf('.'));
    if(str3.lastIndexOf('-')==(str3.length-1)||(str3.indexOf('-')!=str3.lastIndexOf('-')))
        return false;
    var str1=value.substr(0,ind);
    if((str1.lastIndexOf('_')==(str1.length-1))||(str1.lastIndexOf('.')==(str1.length-1))||(str1.lastIndexOf('-')==(str1.length-1)))
        return false;
    str = /(^[a-zA-Z0-9]+[\._-]{0,1})+([a-zA-Z0-9]+[_]{0,1})*@([a-zA-Z0-9]+[-]{0,1})+(\.[a-zA-Z0-9]+)*(\.[a-zA-Z]{2,3})$/;
    temp1 = str.test(value);
    return temp1;
}, "@lang('messages.please_enter_valid_email')");



  });
  </script>
@endsection