JezK
Edit File: subadmin.php
<?php include "sidemenu-start.php"; include "app/adminObject.php"; $brachDetails = $admin->getAllBraches(); ?> <div class="container-fluid"> <div class="row"> <div class="col-md-6"> <h1>Sub Admin</h1> </div> <div class="col-md-6 text-end"> <button type="button" data-bs-toggle="modal" data-bs-target="#addSubAdmin" class="de-btn-small">Add Sub Admin</button> </div> </div> <div class="row mt-3"> <div class="col-md-6 offset-md-6"> </div> </div> <div class="row mt-3"> <div class="col-md-12"> <table class="table" id="sudAdminTable"> <thead> <tr> <th>S.no</th> <th>Name</th> <th>Phone Number</th> <th>Email Id</th> <th>Branch</th> <th>Actions</th> </tr> </thead> <tbody> <!-- Table content goes here --> </tbody> </table> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="addSubAdmin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content de-modal-content"> <form id="newSubAdmin"> <div class="modal-header de-mh"> <h5 class="modal-title" id="exampleModalLabel">Add Sub Admin</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="name" class="form-label">Name</label> <input type="text" class="form-control" name="name" id="name"> <p class="error name_error"></p> </div> <div class="mb-3"> <label for="phone" class="form-label">Phone Number</label> <input type="number" class="form-control" name="mobile" id="mobile"> <p class="error mobile_error"></p> </div> <div class="mb-3"> <label for="email" class="form-label">Email Address</label> <input type="email" class="form-control" name="email" id="email"> <p class="error email_error"></p> </div> <div class="mb-3"> <label for="branch" class="form-label">Branch</label> <select class="form-select" name="branchId" id="branchId"> <option value=""> Select Branch </option> <option value="0">All</option> <?php foreach ($brachDetails as $row) { ?> <option class="brachesCheck" value=<?php echo $row['brach_id'] ?>> <?php echo $row['name'] ?> </option> <?php } ?> </select> <p class="error branchId_error"></p> </div> <div class="mb-3"> <label for="email" class="form-label">Password</label> <input type="text" class="form-control" name="password" id="password"> <p class="error password_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"></textarea> <p class="error address_error"></p> </div> </div> <div class="modal-footer"> <button type="submit" class="de-btn-small" onclick="return validateNewSubAdmin()">Add</button> </div> </form> </div> </div> </div> <!-- Edit Modal --> <div class="modal fade" id="editSubAdmin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content de-modal-content"> <form id="editSubAdminForm"> <div class="modal-header de-mh"> <h5 class="modal-title" id="exampleModalLabel">Update Sub Admin</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="name" class="form-label">Name</label> <input type="text" class="form-control" name="name" id="editname"> <p class="error edit_name_error"></p> </div> <div class="mb-3"> <label for="phone" class="form-label">Phone Number</label> <input type="number" class="form-control" name="mobile" id="editmobile"> <p class="error edit_mobile_error"></p> </div> <div class="mb-3"> <label for="email" class="form-label">Email Address</label> <input type="email" class="form-control" name="email" id="editemail"> <p class="error edit_email_error"></p> </div> <div class="mb-3"> <label for="branch" class="form-label">Branch</label> <select class="form-select" name="branchId" id="editbranchId"> <option value="0" <?php if (isset($row['branch_id']) && $row['branch_id'] == 0) { echo 'selected'; } ?>>All</option> <?php foreach ($brachDetails as $row) { ?> <option class="brachesCheck" value=<?php echo $row['brach_id'] ?> <?php if (isset($row['branch_id']) && $row['branch_id'] == $row['brach_id']) { echo 'selected'; } ?>> <?php echo $row['name'] ?> </option> <?php } ?> </select> </div> <div class="mb-3"> <input type="hidden" class="form-control" name="subadminid" id="subadminid"> </div> <div class="mb-3"> <label for="address" class="form-label">Address</label> <textarea class="form-control" id="editaddress" name="address" rows="3"></textarea> <p class="error edit_address_error"></p> </div> </div> <div class="modal-footer"> <button type="submit" class="de-btn-small" onclick="return validateEditSubAdmin()">Update</button> </div> </form> </div> </div> </div> <!-- Delete Modal --> <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content de-modal-content"> <div class="modal-header de-mh"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <h1 class="modal-title text-center" id="exampleModalLabel">Do You want to Delete?</h1> </div> <div class="modal-footer"> <button type="button" class="de-btn-small yes" name="submit" onclick="deleteSubAdmin(this.value)" style="margin-right:50px">Yes</button> <button type="button" class="close-btn" data-bs-dismiss="modal">No</button> </div> </div> </div> </div> <?php include "sidemenu-end.php"; ?> <script> let datatable; $(document).ready(function() { datatable = $('#sudAdminTable').DataTable({ "processing": true, //Feature control the processing indicator. "serverSide": true, //Feature control DataTables' servermside processing mode. //"order": [], //Initial no order. "searching": true, "iDisplayLength": 10, "orderable": false, "ajax": { "url": 'app/getSubadmin.php', "type": "POST", "dataType": "json", "dataSrc": function(jsonData) { return jsonData.data; } }, "language": { searchPlaceholder: "Search", "search": '<div class="form"><i class="fa fa-search"></i></div>', "paginate": { "previous": '<i class="angles fa fa-angle-left"></i>', "next": '<i class="angles fa fa-angle-right"></i>' } } }); }); </script> <script> $('#newSubAdmin').submit(function(event) { event.preventDefault(); formData = $('#newSubAdmin').serialize(); console.log(formData); $.ajax({ type: 'POST', url: 'app/addSubAdmin.php', data: formData, success: function(data) { if (data == 1) { toastr.success('Sub Admin Created'); datatable.draw(); } else { toastr.warning('Sub Admin Already Exists'); } $('#addSubAdmin').modal('toggle') document.getElementById("newSubAdmin").reset(); } }) }) $('#editSubAdminForm').submit(function(event) { event.preventDefault(); formData = $('#editSubAdminForm').serialize(); console.log(formData); $.ajax({ type: 'POST', url: 'app/getSingleSubAdmin.php', data: formData, success: function(data) { if (data == 1) { toastr.success('Sub Admin Updated'); datatable.draw(); } else if (data == 2) { toastr.success('No Changes Made'); } else { toastr.warning('Number Exists'); } $('#editSubAdmin').modal('toggle') document.getElementById("editSubAdminForm").reset(); } }) }) function getSubadminId(id) { $('.yes').val(id); } function deleteSubAdmin(id) { $.ajax({ url: 'app/deleteSubadmin.php', type: 'POST', data: { deleteStatus: 'yes', id: id }, success: function(response) { if (response == 1) { $('#deleteModal').modal('toggle'); datatable.draw(); toastr.success('Sub Admin Deleted'); } else { $('#deleteModal').modal('toggle'); toastr.error('Unable to delete'); } } }) } function getSubAdminDetailsId(id) { $.ajax({ url: 'app/getSingleSubAdmin.php', type: 'POST', data: { singleSubAdmin: 'yes', id: id }, success: function(response) { data = JSON.parse(response) $('#editname').val(data.name); $('#editmobile').val(data.phone) $('#editemail').val(data.email) $('#editaddress').val(data.address) $('#subadminid').val(data.id) $('#editbranchId').val(data.branch_id) } }) } </script>