JezK
Edit File: edituser.php
<?php include "sidemenu-start.php"; include './app/adminObject.php'; $userEncryptId = $_GET['userid']; $userId = base64_decode($userEncryptId); $userDeatils = $admin->userDeatils($userId); ?> <div class="container-fluid"> <div class="mb-4" id="backId"><a class="primary-badge" href="./usermanagement.php"><i class="fas fa-arrow-left"></i> Back</a></div> <h1> <?php echo $userDeatils['user_name']; ?> <?php if($userDeatils['loyal_user'] == 1) { ?> <svg width="38" height="38" viewBox="0 0 412 411" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M227 14.8978L248.113 30.6627C253.887 34.9742 259.964 37.1809 267.166 37.5806L293.497 39.0416C309.264 39.9166 322.069 50.6355 325.671 65.9725L331.686 91.587C333.331 98.5925 336.565 104.179 341.823 109.103L361.053 127.107C372.567 137.887 375.47 154.309 368.346 168.369L356.448 191.848C353.195 198.269 352.072 204.623 352.927 211.767L356.057 237.889C357.931 253.531 349.573 267.972 335.057 274.174L310.815 284.531C304.185 287.363 299.23 291.51 295.283 297.533L280.848 319.55C272.205 332.733 256.497 338.437 241.381 333.88L216.137 326.269C209.232 324.187 202.764 324.187 195.861 326.269L170.616 333.88C155.5 338.437 139.793 332.733 131.15 319.55L116.715 297.533C112.767 291.51 107.813 287.363 101.183 284.531L76.9418 274.175C62.4261 267.973 54.0678 253.531 55.9419 237.89L59.0722 211.768C59.9283 204.623 58.805 198.27 55.5508 191.849L43.6535 168.369C36.5296 154.311 39.4321 137.889 50.9464 127.108L70.176 109.104C75.4355 104.18 78.6687 98.5933 80.3135 91.5878L86.3285 65.9734C89.9303 50.6355 102.735 39.9174 118.502 39.0424L144.833 37.5814C152.035 37.1817 158.112 34.975 163.887 30.6635L184.999 14.8986C197.642 5.45842 214.358 5.45842 227 14.8978ZM164.07 348.111C146.88 349.472 130.169 341.517 120.376 326.58L107.609 307.106L76.8863 372.936C76.6943 373.333 76.618 373.777 76.6663 374.215C76.7145 374.654 76.8853 375.07 77.1591 375.417C77.4235 375.771 77.7822 376.043 78.1944 376.204C78.6065 376.364 79.0556 376.406 79.4903 376.324L116.08 369.946L134.743 401.984C134.96 402.368 135.281 402.684 135.669 402.895C136.058 403.107 136.498 403.205 136.939 403.179C137.382 403.165 137.811 403.027 138.178 402.782C138.546 402.536 138.837 402.193 139.019 401.79L164.07 348.111ZM248.896 348.178L273.917 401.791C274.099 402.193 274.39 402.537 274.757 402.783C275.125 403.028 275.554 403.166 275.997 403.18C276.438 403.206 276.878 403.107 277.267 402.896C277.655 402.684 277.976 402.368 278.193 401.984L296.855 369.946L333.445 376.324C334.353 376.482 335.215 376.148 335.776 375.417C336.337 374.687 336.438 373.77 336.049 372.936L304.937 306.273L291.624 326.579C282.016 341.237 265.744 349.172 248.896 348.178ZM206 76.3086C180.001 76.3086 156.463 86.8212 139.427 103.817C122.39 120.812 111.852 144.293 111.852 170.228C111.852 195.149 121.581 217.8 137.455 234.612C144.484 203.311 172.505 179.905 206.001 179.905C239.503 179.905 267.522 203.305 274.543 234.614C290.418 217.803 300.148 195.149 300.148 170.228C300.148 144.293 289.611 120.812 272.573 103.817C255.537 86.8212 231.999 76.3086 206 76.3086ZM206.001 103.752C186.387 103.752 170.486 119.614 170.486 139.181C170.486 158.748 186.387 174.609 206.001 174.609C225.615 174.609 241.515 158.747 241.515 139.181C241.515 119.614 225.615 103.752 206.001 103.752ZM130.323 94.7361C110.956 114.056 98.9766 140.747 98.9766 170.228C98.9766 199.71 110.956 226.401 130.323 245.722C149.69 265.043 176.447 276.992 206 276.992C235.553 276.992 262.309 265.042 281.677 245.722C301.044 226.401 313.023 199.711 313.023 170.228C313.023 140.747 301.044 114.056 281.677 94.7353C262.31 75.4151 235.553 63.4648 206 63.4648C176.447 63.4648 149.69 75.4151 130.323 94.7361Z" fill="#FFB61A"/> </svg> <?php } ?> </h1> <div class="row"> <div class="col-sm-3 col-md-4"> <div class="row align-items-center"> <div class="col-md-4"> User Id <span class="ms-4 pc-title"><?php echo $userDeatils['user_id']; ?></span></div> <div class="col-md-8 text-end"> <button class="btn" onclick="editAccess()"><i class="de-primary-color fas fa-pencil-alt"></i></button> <?php if($userDeatils['loyal_user'] == 0) { ?> <button class="btn primary-badge" onclick="addAsLoyal()"><b>Add as Loyal</b></button> <?php } else {?> <button class="btn primary-badge" onclick="removeAsLoyal()"><b>Remove as Loyal</b></button> <?php } ?> </div> </div> </div> </div> <div class="row mt-5"> <div class="col-sm-3 col-md-5 col-lg-4"> <div class="admin-forms"> <form id="editForm"> <div class="mb-3"> <label for="name" class="form-label">Name</label> <input type="text" class="form-control" id="name" value="<?php echo $userDeatils['user_name']; ?>" readonly> </div> <div class="mb-3"> <label for="phone" class="form-label">Phone Number</label> <input type="text" class="form-control" id="phone" name="phone" value="<?php echo $userDeatils['phone']; ?>" readonly> <p class="error phone_error"></p> </div> <div class="mb-3"> <label for="email" class="form-label">Email Address</label> <input type="email" class="form-control" id="email" name="email" value="<?php echo $userDeatils['email']; ?>" readonly> <p class="error email_error"></p> </div> <div class="mb-3"> <label for="address" class="form-label">Address</label> <textarea class="form-control" id="address" name="address" rows="3" readonly><?php echo $userDeatils['address']; ?></textarea> <p class="error address_error"></p> </div> <div class="mb-3"> <input type="hidden" class="form-control" id="userId" name="id" value="<?php echo $userId ?>" readonly> </div> <div class="mb-3 position-relative"> <label for="password">Password</label> <input type="password" class="form-control" id="password" value="<?php echo base64_decode($userDeatils['password']); ?>" placeholder="Enter password" readonly> <span class="toggle-iconu"><i class="fa fa-eye"></i></span> </div> <div class="mb-3"> <label for="referral_code" class="form-label">Referral Code</label> <input type="text" class="form-control" id="referral_code" value="<?php echo $userDeatils['referral_code']; ?>" readonly> </div> <div class="my-2 d-flex justify-content-center"> <button type="submit" class="de-btn-medium d-none" id="submitButton" onclick="return validateEditUser()">Submit</button> </div> </form> <?php if($userDeatils['loyal_user'] == 1) { ?> <div class="d-flex justify-content-between align-items-center"> <h3>Loyalty Points: <?php echo $userDeatils['loyalty_points']; ?></h3> <button class="btn primary-badge" data-bs-toggle="modal" data-bs-target="#addLoyaltyPoints"><b>Add Points</b></button> </div> <?php } ?> <div class="d-flex justify-content-between align-items-center"> <h3>Referral Points: <?php echo $userDeatils['referral_points']; ?></h3> </div> </div> <div class="dropdown"> <button class="no-btn pdt dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">Care Club</button> <ul class="dropdown-menu packages-drop" aria-labelledby="dropdownMenuButton1" id="appendPackages"> </ul> </div> <nav class="user-options"> <ul> <li><button class="no-btn fw-bold" onclick="getServices()">Services </button></li> <li><button class="no-btn fw-bold" onclick="getProducts()">Products</button></li> <!-- <li class=""><button class="no-btn fw-bold" onclick="getpurchases()">Services / Products</button></li> --> </ul> </nav> </div> <div class="col-sm-9 col-md-7 col-lg-8"> <!--CareClub related Accordion Starts here --> <div class="edit-block userPurchasesDetails d-none" id="careClubDetails"> </div> <!--Packages related Accordion Ends here --> <!--Services related Accordion Starts here --> <div class="edit-block userPurchasesDetails d-none" id="serviesDetails"> </div> <!--Services related Accordion Ends here --> <!--Products related Accordion Starts here --> <div class="edit-block userPurchasesDetails d-none" id="productsDetails"> <div class="row"> <div class="col-sm-9 col-md-12"> <div class="row align-items-center"> <div class="col-md-4 pc-title">Products</div> </div> </div> </div> <div class="col-sm-9 col-md-12 mt-5"> <table class="table tableAlign" id="userTable"> <thead> <tr> <th class="tableHead">S.NO</th> <th class="tableHead">PURCHASES COUNT</th> <th class="tableHead">DATE</th> <th class="tableHead">ACTION</th> <th class="tableHead"></th> </tr> </thead> <tbody id="appendProducts"> </tbody> </table> </div> </div> <!--Products related Accordion Ends here --> </div> </div> </div> <!-- Modal for Edit Product--> <div class="modal fade" id="addLoyaltyPoints" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content de-modal-content"> <form id="addLoyaltyPoints"> <div class="modal-header de-mh"> <h5 class="modal-title" id="exampleModalLabel">Add Loyalty Points</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="mb-3"> <label for="title" class="form-label">Loyalty Points</label> <input type="text" class="form-control" id="addPoints" name="addPoints"> <p class="error addPoints_error"></p> </div> </div> <div class="modal-footer"> <button type="submit" class="de-btn-small" onclick="return validateAddLoyaltyPoints()">Add</button> </div> </form> </div> </div> </div> <?php include "./sidemenu-end.php" ?> <script> $('.toggle-iconu').click(function() { var input = $('#password'); if (input.attr('type') === 'password') { input.attr('type', 'text'); $(this).find('i').removeClass('fa-eye').addClass('fa-eye-slash'); } else { input.attr('type', 'password'); $(this).find('i').removeClass('fa-eye-slash').addClass('fa-eye'); } }); let baseUrl = "<?php echo $baseUrl; ?>"; let userId = <?php echo $userId ?> $(document).ready(function() { $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { getCareClubs: 'getCareClub', userId: userId }, success: function(response) { $('#appendPackages').html(response) } }) }) function editAccess() { $('#submitButton').removeClass('d-none'); $('#phone').removeAttr("readonly"); $('#email').removeAttr("readonly"); $('#address').removeAttr("readonly"); } $('#editForm').submit(function(event) { event.preventDefault(); let formData = $('#editForm').serialize(); $.ajax({ type: 'POST', url: baseUrl + 'admin/app/editUser.php', data: formData, success: function(data) { if (data == 1) { toastr.success('User Details Updated'); } else if (data == 2) { toastr.warning("You Haven't Changed Anything"); } else { toastr.warning("Mobile Number Exits"); } } }) }) function getServicesForCareClub(packageid, allotmentid) { $('.userPurchasesDetails').addClass('d-none') $('#careClubDetails').removeClass('d-none') matches = packageid.match(/\d+/); let packageId = matches[0]; let allotmentId = allotmentid $('#careClubDetails').removeClass('d-none') $('#productsDetails').addClass('d-none'); $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { getServicesForCareClub: 'getServicesForCareClub', packageId: packageId, allotmentId: allotmentId }, success: function(response) { $('#careClubDetails').html(response) window.location = '#backId'; // Scroll to the top of the page } }) } function getServices() { $('.userPurchasesDetails').addClass('d-none') $('#serviesDetails').removeClass('d-none') $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { getService: 'getService', userId: userId }, success: function(response) { $('#serviesDetails').html(response) } }) } function getProducts() { $('.userPurchasesDetails').addClass('d-none') $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { getProduct: 'getProduct', userId: userId }, success: function(response) { $('#productsDetails').removeClass('d-none') $('#appendProducts').html(response) } }) } function addCareClubServiceCarDetails(form_id) { let validation = validateAddCarDetailsInPackages(form_id); if (validation) { let formId = '#addService' + form_id; let formData = $(formId).serialize(); formParams = new URLSearchParams(formData); let vehicleType = formParams.get('vehicleType'); let vehicleNumber = formParams.get('vehicleNumber'); let model = formParams.get('model'); let date = formParams.get('date'); let allotmentId = formParams.get('allotmentId'); let serviceIndex = formParams.get('index'); let packageId = formParams.get('packageId'); let serviceName = formParams.get('serviceName'); $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { addCareClubServiceCarDetails: 'addCareClubServiceCarDetails', vehicleType: vehicleType, vehicleNumber: vehicleNumber, model: model, date: date, allotmentId: allotmentId, serviceIndex: serviceIndex, serviceName: serviceName }, success: function(response) { if (response == 1) { toastr.success('Service has been completed') packageid = 'packageId' + packageId getServicesForCareClub(packageid, allotmentId) } else { toastr.warning(response) } } }) } } function addServiceCarDetails(form_id) { let validation = validateAddCarDetailsInPackages(form_id); if (validation) { let formId = '#addService' + form_id; let formData = $(formId).serialize(); formParams = new URLSearchParams(formData); let vehicleType = formParams.get('vehicleType'); let vehicleNumber = formParams.get('vehicleNumber'); let model = formParams.get('model'); let date = formParams.get('date'); let allotmentId = formParams.get('allotmentId'); let serviceIndex = formParams.get('index'); let serviceName = formParams.get('serviceName'); console.log(formData) $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { addServiceCarDetails: 'addServiceCarDetails', vehicleType: vehicleType, vehicleNumber: vehicleNumber, model: model, date: date, allotmentId: allotmentId, serviceIndex: serviceIndex }, success: function(response) { if (response == 1) { toastr.success('Service has been completed') getServices() } else { toastr.warning(response) } } }) } } //add as loyal function addAsLoyal() { $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { addAsLoyal: 'addAsLoyal', userId: userId }, success: function(response) { if (response == 1) { toastr.success('User has marked as loyal'); setTimeout(function() { location.reload(); }, 1500); } else { toastr.warning(response) } } }) } //remove as loyal function removeAsLoyal() { $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { removeAsLoyal: 'removeAsLoyal', userId: userId }, success: function(response) { if (response == 1) { toastr.success('User has removed as loyal'); setTimeout(function() { location.reload(); }, 1500); } else { toastr.warning(response) } } }) } //add loyalty points $('#addLoyaltyPoints').submit(function(event) { event.preventDefault(); let points = $('#addPoints').val().trim(); let $submitBtn = $(this).find('button[type="submit"]'); $submitBtn.prop('disabled', true).text("Processing..."); // Disable the button and change text $.ajax({ type: 'POST', url: baseUrl + 'admin/app/userPackageManagement.php', data: { addLoyaltyPoints: 'addLoyaltyPoints', userId: userId, points: points }, success: function(response) { if (response == 1) { toastr.success('Loyalty points added'); setTimeout(function() { location.reload(); }, 1500); } else { toastr.warning(response); } } }) }); </script>