EVOLUTION-NINJA

Edit File: institution_profile.php

<?php echo view('includes/institutions_header.php') ?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('public/assets/css/jquery-ui.css'); ?>" />

<div class="content-wrapper">
  
  <section class="content-header">
    <h1>Admin Profile</h1>
  </section>
  
  <section class="content">

<div>

<ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Profile</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Update Password</a></li>
      </ul>

<div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">

<input type="hidden" class="form-control col-sm-8" name="login_id" value="<?= session('institution_login_id') ?>">
            <div class="row">
              <div class="col-md-offset-3 col-md-3 admin_image">
                <?php if ($admin_details->image != '') { ?>

<img id="display_img" src="<?php echo base_url('course_images'); ?>/<?php echo $admin_details->image; ?>" width="250" height="250" />
                <?php } else {
                  $image = 'user-icon.jpg'; ?>

<img id="display_img" src="<?php echo base_url('public/assets/images'); ?>/<?php echo $image; ?>" width="250" height="250" />
                <?php } ?>
              </div>
              <div class="col-md-6 admin_data">
                <div class="form-group sub_cate_div">
                  <div class="col-sm-8">
                    <label>Name:</label>
                    <input type="text" class="form-control" value="<?php echo $admin_details->username; ?>" name="name" required>
                  </div>
                </div>

<div class="form-group sub_cate_div">
                  <div class="col-sm-8">
                    <label>Email:</label>
                    <input type="text" class="form-control" value="<?php echo $admin_details->email; ?>" name="email" required>
                  </div>
                </div>

<div class="form-group sub_cate_div">
                  <div class="col-sm-8">
                    <label>Image:</label>
                    <input type="file" class="form-control form-control-file" onchange="document.getElementById('display_img').src = window.URL.createObjectURL(this.files[0])" name="profile_pic">
                  </div>
                </div>

<div class="form-group sub_cate_div">
                  <div class="col-sm-8" style="text-align:center;padding-top:30px;">
                    <button type="submit" class="btn btn-primary submit">Update</button>
                  </div>
                </div>
              </div>
            </div>
          </form>

</div>
        <div role="tabpanel" class="tab-pane" id="profile">

<div class="form-group">
                  <label class="control-label col-sm-4">Enter New Password</label>
                  <div class="col-sm-8 view_faculty">
                    <input class="form-control" name="password1" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#^@$!%*?&])[A-Za-z\d#^@$!%*?&]{6,8}$" title="Minimun 6 characters, Maximum 8 characters, one uppercase, one lowercase, one number and one special character:" type="password" required>
                  </div>
                </div>

<div class="form-group">
                  <label class="control-label col-sm-4">Retype Password</label>
                  <div class="col-sm-8 view_faculty">
                    <input class="form-control" id="" name="password2" pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[#^@$!%*?&])[A-Za-z\d#^@$!%*?&]{6,8}$" title="Minimun 6 characters, Maximum 8 characters, one uppercase, one lowercase, one number and one special character:" type="password" required>
                  </div>
                </div>

<div class="form-group sub_cate_div">
                  <div class="col-sm-8" style="text-align:center;padding-top:30px;margin-left: 32%;">
                    <button type="submit" class="btn btn-primary update_submit">Update</button>
                  </div>
                </div>
              </div>
            </div>
          </form>

</div>
      </div>

</div>

</section>

</div>

$('#update_profile').submit(function(e) {
      e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
      $(".submit").text("Submitting...");

$.ajax({

type: 'post',
        url: '<?php echo site_url("nparrots/update_admin_profile") ?>',
        data: formdata,
        contentType: false,
        processData: false,

success: function(response) {
          response = jQuery.parseJSON(response);
          console.log(response);

if (response.result == 1) {
            toastr["success"](response.message);
            $('#update_profile')[0].reset();
            $(".submit").text("Submit");
            $(".submit").removeAttr('disabled');
            window.location = "<?php echo base_url('institution-profile'); ?>";
          } else if (response.result == 2) {
            swal({
                title: response.message,
                type: "success",
                showCancelButton: false,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "OK",
                cancelButtonText: "No, cancel plz!",
                closeOnConfirm: false,
                closeOnCancel: false
              },
              function(isConfirm) {

$('#update_profile')[0].reset();
                $(".submit").text("Submit");
                $(".submit").removeAttr('disabled');
                setTimeout(function wait() {
                  window.location = '<?php echo site_url("/institution-logout") ?>';
                }, 1000);

});
          } else {
            toastr["error"](response.message);
            $(".submit").text("Submit");
            $(".submit").removeAttr('disabled');
          }

}

});

$('#update_password').submit(function(e) {
      e.preventDefault();

formdata = new FormData($(this)[0]);

$(".update_submit").attr('disabled', 'disabled');
      $(".update_submit").text("Submitting...");

$.ajax({

type: 'post',
        url: '<?php echo site_url("nparrots/reset_password") ?>',
        data: formdata,
        contentType: false,
        processData: false,

success: function(response) {
          response = jQuery.parseJSON(response);
          console.log(response);

if (response.result == 1) {
            toastr["success"](response.message);
            $('#update_password')[0].reset();
            $(".update_submit").text("Submit");
            $(".update_submit").removeAttr('disabled');

if (response.data.user_type_id == '1') {
              setTimeout(function wait() {
                window.location = '<?php echo site_url("/admin") ?>';
              }, 1000);
            } else if (response.data.user_type_id == '2') {
              setTimeout(function wait() {
                window.location = '<?php echo site_url("/faculty") ?>';
              }, 1000);
            } else if (response.data.user_type_id == '4') {
              setTimeout(function wait() {
                window.location = '<?php echo site_url("/institution-login") ?>';
              }, 1000);
            } else {
              setTimeout(function wait() {
                window.location = '<?php echo site_url("/") ?>';
              }, 1000);
            }
          } else if (response.result == 2) {
            toastr["error"](response.message);
            $(".update_submit").text("Submit");
            $(".update_submit").removeAttr('disabled');
          } else {
            toastr["error"](response.message);
            $(".update_submit").text("Submit");
            $(".update_submit").removeAttr('disabled');
          }

}

});

});
</script>

<?php echo view('includes/admin_footer.php') ?>
<style>
  .admin_image {
    border: 2px solid #222d324d;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.admin_data {
    padding-top: 3%;
  }
</style>