<div class="page page-profile">
    <div class="row">
        <div class="col-md-6">

            <div class="panel panel-profile " id="profile">
                <div class="panel-heading bg-primary clearfix">
                    <a href="" class="pull-left profile">
                        <img alt="" src="<?php echo base_url();?>profile/image" class="img-circle img80_80">
                    </a>
					<a href="<?php echo base_url(); ?>profile/edit" class="pull-right" id="edit">
                        <h4 class="glyphicon glyphicon-pencil"> </h4>
                    </a>
                    <h4 class="ng-binding">Profile Setting</h4>
                    <p><?php echo $list->users_username; ?></p>
                </div>
                <ul class="list-unstyled list-info">
                    <li class="ng-binding">
                        <span class="icon glyphicon glyphicon-user"></span>
                                    <label>Username </label>
                                   <?php echo $list->users_username; ?>

                                </li>

								 <li class="ng-binding">
                                    <span class="icon glyphicon glyphicon-camera"></span>
                                    <label>Profile Photo</label>
                                   <?php echo $list->users_username; ?>
                                </li>

                                <li>
                                    <span class="icon glyphicon glyphicon-envelope"></span>
                                    <label>Email</label>
                                   <?php echo $list->users_useremail; ?>
                                </li>

                                <li>
                                    <span class="icon glyphicon glyphicon-earphone"></span>
                                    <label> Contact</label>
                                     <?php echo $list->users_mobile_no; ?>
                                </li>
                                <li>
                                    <span class="icon glyphicon glyphicon-flag"></span>
                                    <label>Office Contact</label>
                                  <?php echo $list->users_office_no; ?>
                                </li>
                            </ul>
            </div>


    </div>
	 <div class="col-md-6">
	<div class="panel panel-profile">
	  <div class="panel-heading bg-danger clearfix">
                    <a href="" class="pull-left profile">
                        <img alt="" src="<?php echo base_url();?>profile/image" class="img-circle img80_80">
                    </a>
                    <h4 class="ng-binding">Password Setting</h4>
                    <p><?php echo $list->users_username; ?></p>
                </div>

               <div class="panel-body">
                    <form class="form-horizontal ng-pristine ng-valid" id="pwdform" role="form">
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-5 control-label">Current Password</label>
                            <div class="col-sm-5">
                                <input type="password" name="cur_pwd" class="form-control" id="cur_pwd" placeholder="Current Password">
                            </div>
                        </div>
						<div class="form-group">
                            <label for="inputPassword3" class="col-sm-5 control-label">New Password</label>
                            <div class="col-sm-5">
                                <input type="password" name="new_pwd" class="form-control" id="new_pwd" placeholder="New Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword3" class="col-sm-5 control-label">Confirm Password</label>
                            <div class="col-sm-5">
                                <input type="password" name="con_pwd" class="form-control" id="con_pwd" placeholder="Confirm Password">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-5 col-sm-5">
                                <button type="submit" class="btn btn-success" id="savepwd" onclick="return confirm('Do You Want Update Password  ?')" >Update Password</button>
                            </div>
                        </div>
                    </form>

                <div class="callout callout-success" id="success1">

                <p id="successMessage1" ></p>
			   </div>
            <div class="callout callout-danger" id="error1">

                <p id="errorMessage1" ></p>
			   </div>
            </div>


			</div>


	</div>
	</div>
	</div>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function() {



   $.ajaxSetup({
        data: {
            '<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>'
        }
    });
 $('#success1').hide();
    $('#error1').hide();

  $('#pwdform').submit(function() {

    var form = $(this);
  var faction = "<?php echo site_url()?>profile/change_password";
    var fdata = form.serialize();

    $.post(faction, fdata, function(rdata) {

        var json = jQuery.parseJSON(rdata);

        if (json.isSuccessful) {
           $('#successMessage1').html(json.message);
           $('#success1').show().delay(4000).fadeOut();
        } else {
            $('#errorMessage1').html(json.message);
            $('#error1').show().delay(4000).fadeOut();
        }

    });

    return false;
  });


  });
</script>