<?php $this->load->view("partial/header"); ?>
<div id="table_holder">
    <div id="title_bar" class="btn-toolbar">
        <h1> Change Password </h1> 
        </div>
    <?php 
    $emp_id = $this->session->userdata('emp_id');
    echo form_open('home/change_password/' . $emp_id,array('id'=>'change_form','class'=>'form-inline')); ?>
	<div class="form-group">
		<?php
			echo form_input(
				array(
					'name'=>'old_password',
					'id'=>'old_password',
					'placeholder'=>'Enter Old Password',
					'class'=>'form-control input-sm ',
					'value'=>''
				)
			); 
		?>
	</div>
	<div class="form-group">
		<?php
			echo form_input(
				array(
					'type'=>'password',
					'name'=>'new_password',
					'id'=>'new_password',
					'placeholder'=>'Enter New Password',
					'class'=>'form-control input-sm ',
					'value'=>''
				)
			); 
		?>
	</div>
	<div class="form-group">
		<?php
			echo form_input(
				array(
					'type'=>'password',
					'name'=>'confirm_new_password',
					'id'=>'confirm_new_password',
					'placeholder'=>'Confirm New Password',
					'class'=>'form-control input-sm ',
					'value'=>''
				)
			); 
		?>
	</div>
    <div class="form-group">
    	<button class="btn btn-info btn-sm" id='change_password'>Submit</button>
    </div>
    <?php echo form_close(); ?>
</div>
<script type="text/javascript">
$(document).ready(function(){
    $('#change_form').validate($.extend({
        submitHandler: function (form){
          $('#submit').attr('disabled','disabled');
            $(form).ajaxSubmit({            	
                success: function (response){
                	alert(response.message);
                	$('#change_form')[0].reset();
                },
                dataType: 'json'
            });
        },
        rules:{
			old_password: "required",
			new_password: "required",
			confirm_new_password:
			{
 				equalTo: "#new_password"
			},
		}
    }));
});
</script>
<?php $this->load->view('partial/footer'); ?>