EVOLUTION-NINJA
Edit File: instructions.php
<?php echo view('includes/headerSidebar'); ?> <script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script> <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>"> <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> <div id="main" class="p-4"> <section class="home-section fullpage"> <div class="home-content"> <i class='bx bx-menu'></i> </div> <div class="row m-0"> <div class="col-sm-12"> <h1 class="crt-pjt">Instruction</h1> </div> </div> <form id="notification-form" class="form"> <div class="col-sm-4"> <label for="" class="form-label inpfieldname">Partners</label><br> <select class="form-select form-control fieldsbox" id="users" name="users[]" multiple> <option value=""></option> </select> </div> <div class="col-sm-4"> <label for="message" class="form-label inpfieldname">Message</label><br> <textarea name="message" id="message" class="form-control textfields projectinputs" required style="resize:none"></textarea> </div> <br><br> <div class="col-sm-6 buttns-cnl"> <button type="submit" class="submit btn-success p-1">Send</button> <button type="button" class="cancel btn-danger p-1" id="btn-cancel">Cancel</button> </div> </div> </div> </form> </section> </div> </body> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.all.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.min.css" rel="stylesheet"> <script> $(document).ready(function () { $('#notification-form').submit(function (e) { e.preventDefault(); var formdata = new FormData($(this)[0]); $('#app-btn').text('Sending...'); $('#app-btn').attr('disabled', 'disabled'); $.ajax({ type: 'post', url: '<?php echo base_url("send-notification");?>', data: formdata, contentType: false, processData: false, success: function (response) { if (response.result == 1) { Swal.fire({ icon: "success", title: response.message, showConfirmButton: false, timer: 2000 }); $('#notification-form')[0].reset(); window.location.href = '<?php echo base_url("instructions");?>'; } else { Swal.fire({ icon: "error", title: response.message, showConfirmButton: false, timer: 1000 }); } $('#app-btn').removeAttr('disabled').text("SUBMIT"); }, error: function (xhr, textStatus, errorThrown) { console.error(xhr.responseText); Swal.fire({ icon: "error", title: "An error occurred", showConfirmButton: false, timer: 1000 }); }, complete: function () { $('#app-btn').removeAttr('disabled').text("SUBMIT"); } }); }); }); </script> <script> $(document).ready(function () { $.ajax({ url: '<?php echo base_url("fetch-promoter"); ?>', method: 'GET', success: function (response) { if (response.length > 0) { var options = '<option value="">Select partners</option>'; $.each(response, function (key, value) { options += `<option value="${value.id}">${value.promoter_id}</option>`; }); $('#users').html(options); } else { // alert('No funds found'); } }, error: function (xhr, status, error) { console.error("Error fetching scheme:", error); } }); }); </script> <script> let arrow = document.querySelectorAll(".arrow"); for (var i = 0; i < arrow.length; i++) { arrow[i].addEventListener("click", (e) => { let arrowParent = e.target.parentElement.parentElement; arrowParent.classList.toggle("showMenu"); }); } let sidebar = document.querySelector(".sidebar"); let sidebarBtn = document.querySelector(".bx-menu"); console.log(sidebarBtn); sidebarBtn.addEventListener("click", () => { sidebar.classList.toggle("close"); }); </script> </html>