EVOLUTION-NINJA

Edit File: admin_profile.php

<?php echo view('includes/admin_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 style="padding-bottom:10px;border-bottom:2px dashed #468662;margin-bottom:20px;">Admin Profile</h1>
    
      <a href="javascript:history.back()" class="btn btn-primary" style="float:right;margin-bottom:30px; margin-right:15px;">Back</a>
  </section>
  
  <section class="content">
  
    <form id="update_profile">
      <input type="hidden" class="form-control col-sm-8" name="login_id" value="<?= session()->get('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('public/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 input-style" 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 input-style" value="<?php echo $admin_details->email; ?>" name="email" required readonly>
            </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 input-style" onchange="document.getElementById('display_img').src = window.URL.createObjectURL(this.files[0])" name="profile_pic">
            </div>
          </div>

<form>
          <div class=" row form-group sub_cate_div">
            <div class="col-sm-5" style="text-align:center; margin-left: -35px;">
              <button type="submit" class="btn btn-primary submit">Update</button>
              </div>

<div class="col-sm-4" style="text-align:center;">
              <button type="button" id="cancel" class="btn btn-danger center-block cancel cancel_1">Cancel</button>
          </div>
          </div>

</form>

</div>
      </div>
    </form>
  </section>

</div>

$(document).ready(function() {
    $('#update_profile').submit(function(e) {
        e.preventDefault();
        var formData = new FormData($(this)[0]);

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

$.ajax({
            type: 'post',
            url: '<?= site_url("update_admin_profile") ?>',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                console.log(response);

if (response.result == 1) {
                    toastr.success(response.message);
                    $('#update_profile')[0].reset();
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');
                    // Redirect or perform any other actions after a successful update
                    window.location = '<?= site_url("admin-profile") ?>';
                } else {
                    toastr.error(response.message);
                    $(".submit").text("Submit");
                    $(".submit").removeAttr('disabled');
                }
            }
        });
    });
});

document.addEventListener("DOMContentLoaded", function() {
      const resetButton = document.getElementById("resetButton");
      const form = document.getElementById("update_profile");

resetButton.addEventListener("click", function() {
        form.reset();
      });
    });
  });

const cancelButton = document.getElementById("cancel");

// Add a click event listener to the cancel button
  cancelButton.addEventListener("click", function() {
    // Clear the form data
    document.forms[0].reset();
  });
</script>

<?php echo view('includes/admin_footer.php') ?>
<style>

.content-wrapper{
		background-image: url(public/assets/website_assets/images/banner.png);
		background-size:cover;
	
	}

.admin_image {
    /* border: 2px solid #222d324d; */
    margin-left: 15%;
  }

/* .admin_data {
    padding-top: 3%;
  } */

.input-style{
    border-radius: 5px;
    height: 35px;
    margin-bottom: 20px;
  }
</style>