@extends('layouts.'.((Session::get('user')->CurrentRole === 'Firm Admin')?'admin':'filer').'-dashboard')
@section('title')
Change Password
@stop
@section('heading')
Change Password
@stop
@section('content')
 <div class="addForm fleft passwordForm">

 	{{ Form::open(array('url' => '/auth/changepass','class'=>'form addFormWrap passwordForm','id'=>'changePassword')) }}
    @if (Session::has('notification'))
    <span class="notification">{{ Session::get('notification') }}</span>
    @endif
    <p>
        <span class="mandatory">*</span>
        {{ Form::label('old_password', 'Old Password') }}
        {{ Form::password('old_password','',array('class'=>'inputStyle')) }}
        @if($errors->has('old_password')) <p class="error">{{$errors->first('old_password')}}</p>@endif
    </p>
    <p>
        <span class="mandatory">*</span>
 		{{ Form::label('password', 'New Password') }}
 		{{ Form::password('password','',array('class'=>'inputStyle')) }}
 		@if($errors->has('password')) <p class="error">{{$errors->first('password')}}</p>@endif
 	</p>
 	<p>
        <span class="mandatory">*</span>
 		{{ Form::label('password_confirmation', 'Confirm Password') }}
 		{{ Form::password('password_confirmation','',array('class'=>'inputStyle')) }}
 		@if($errors->has('password_confirmation')) <p class="error">{{$errors->first('password_confirmation')}}</p>@endif
 	</p>
    <p>
        <span class="mandatory">&nbsp;&nbsp;</span>
        {{ Form::label('security_question', 'Security Question') }}
        {{ Form::text('security_question','',array('class'=>'inputStyle')) }}
        @if($errors->has('security_question')) <p class="error">{{$errors->first('security_question')}}</p>@endif
    </p>
    <p>
        <span class="mandatory">&nbsp;&nbsp;</span>
        {{ Form::label('security_answer', 'Answer') }}
        {{ Form::text('security_answer','',array('class'=>'inputStyle')) }}
        @if($errors->has('security_answer')) <p class="error">{{$errors->first('security_answer')}}</p>@endif
    </p>
 	<p class="submitBtnWrap">
        <span class="mandatory">&nbsp;&nbsp;</span>
        <label></label>
 		{{ Form::submit('Change Password', array('class'=>'btn btn-medium btn-bluebg')) }}
 	</p>

    <input type="hidden" name="firsttimelogin" value="1">

 	{{ Form::close() }}
 </div>
 @stop
 @section('scripts_bottom')
 <script src="/js/jquery.validate.min.js"></script>

 <script>
$.validator.addMethod(
        "regex",
        function(value, element, regexp) {
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(value);
        },
        "Please check your input."
);
     $("#changePassword").validate({

rules:
{
    old_password:
    {
        required:true,
        minlength:8
    },
    password:
    {
        required:true,
        regex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]|.*?[#?!@$%^&*-]).{8,}$"
    },
    password_confirmation:
    {
        equalTo:"#password"
    }
},
messages:
{
    old_password:
    {
        required:'Old password is required'
    },
    password:
    {
        required:'Password is required',
        regex: 'Password should be atleast 8 characters with atleast 1 lower case,1 upper case and 1 number/symbol.'
    },  
    password_confirmation:
    {
        equalTo:'Passwords do not match'
    }
},
onfocusout: function(element, event) {
            this.element(element);
        }

});
 /*    
 $("#changePassword").submit(function(e){
 	if($('#changePassword').valid())
	{
 	e.preventDefault();
 	var sdata = $(this).serialize();
 	var $inputs = $(this).find("input, select, button, textarea");
 	$inputs.prop("disabled", true);
 	request = $.ajax({
 		url: "/admin/changepass",
 		type: "post",
 		data: sdata
 	});
 	request.done(function(msg)
 		{	if(msg.error)
 			{
 				$("#notification").html(msg.errors);
 			}
 			else
 				$("#notification").html(msg.message);
 		});
 	request.always(function () {
 		$inputs.prop("disabled", false);
 	});
 }
 });*/

    
 </script>
@stop