<!-- Page Content -->
<div id="page-wrapper">
    <div class="container-fluid">
        <!-- /.row -->
        <!-- .row -->
        <div class="row">
            <div class="col-md-12 col-xs-12 spacem">
                <div class="tab-content cpassword">
                    <?php if($this->session->flashdata('cus_success_msg')){?>
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <?=$this->session->flashdata('cus_success_msg')?>
                        </div>
                    <?php } ?>
                    <?php if($this->session->flashdata('cus_error_msg')){?>
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <?=$this->session->flashdata('cus_error_msg')?>
                        </div>
                    <?php } ?>
                    <div class="">
                        <form class="form-horizontal form-material" id="change_pass_Form" method="POST" action="<?php echo base_url('customer/customer/change_password_submit');?>">
                            <div class="row">
                               
                                    <div class="form-group">
                                        <label for="old_password">Old Password <sup class="super">*</sup></label>
                                        <input type="password" class="form-control" id="old_password" placeholder="Enter old password" name="old_password" value="<?=set_value('old_password')?>" required>
                                        <?php echo form_error('old_password','<span class="error">', '</span>'); ?>
                                    </div>
                                    <div class="form-group">
                                        <label>New Password <sup class="super">*</sup></label>
                                        <input type="password" class="form-control" id="pwd" placeholder="Enter new password" name="pwd" value="<?=set_value('pwd')?>" required>
                                        <?php echo form_error('pwd','<span class="error">', '</span>'); ?>
                                    </div>
                                    <div class="form-group">
                                        <label>Confirm Password <sup class="super">*</sup></label>
                                        <input type="password" class="form-control" id="cnf_pwd" placeholder="Confirm password" name="cnf_pwd" value="<?=set_value('cnf_pwd')?>" required>
                                        <?php echo form_error('cnf_pwd','<span class="error">', '</span>'); ?>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-12 cp_btn">
                                            <button type="submit" class="btn btn-success">Change Password</button>
                                        </div>
                                    </div>
                                
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /.row -->
</div>
<script>
    $(document).ready(function(){
        $("#change_pass_Form").validate({ 
            rules: {
                old_password: {required:true}, 
                pwd:{required:true, minlength:6},
                cnf_pwd:{required:true,minlength:6,equalTo: "#pwd"},
            },
            messages: {						
                pwd:{minlength:"Minimum 6 character required"},
                cnf_pwd:{minlength:"Minimum 6 character required",equalTo:"New Password and Confirm Password fields don't match"}
            },
            errorElement: "em",
            errorClass: "form_validation_error",   
        });
    })

   
</script>