Edit file File name : footer.php Content :</section> <script> // $(document).ready( function () { $('#myTable').DataTable({ dom: 'Bfrtip', autoFill:true, buttons: [ 'copy', 'excel', 'pdf' ] }); // } ); </script> <script> function open_followup(enq_id){ $("#enquiry_id").val(enq_id); $("#myModal").modal(); } </script> <!-- Jquery Core Js --> <script src="<?=base_url()?>assets/bundles/libscripts.bundle.js"></script> <!-- Lib Scripts Plugin Js ( jquery.v3.2.1, Bootstrap4 js) --> <script src="<?=base_url()?>assets/bundles/vendorscripts.bundle.js"></script> <!-- slimscroll, waves Scripts Plugin Js --> <script src="<?=base_url()?>assets/bundles/morrisscripts.bundle.js"></script><!-- Morris Plugin Js --> <script src="<?=base_url()?>assets/bundles/jvectormap.bundle.js"></script> <!-- JVectorMap Plugin Js --> <script src="<?=base_url()?>assets/bundles/knob.bundle.js"></script> <!-- Jquery Knob Plugin Js --> <script src="<?=base_url()?>assets/bundles/sparkline.bundle.js"></script> <!-- Sparkline Plugin Js --> <script src="<?=base_url()?>assets/bundles/mainscripts.bundle.js"></script> <script src="<?=base_url()?>assets/js/pages/index.js"></script> <scriptsrc="https://code.jquery.com/jquery-3.7.1.js"></script> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Add Follow Up</h4> </div> <div class="modal-body"> <div class="container-fluid"> <div class="col-md-12 content-center"> <div class="card-plain"> <form class="form" method="post" action="<?=base_url()?>Enquiries/Add_follow_up"> <div class="header"> </div> <div class="content"> <input type="hidden" name="enquiry_id" id="enquiry_id" > <div class="input-group"> <select type="text" name="status" required class="form-control" placeholder="Name"> <option value="CALLBACK">CALLBACK</option> <option value="CONVERSION">CONVERSION</option> <option value="CANCELLED">CANCELLED</option> </select> </div> <div class="input-group"> <input type="text" name="comment" required placeholder="Remark" class="form-control" /> </div> <label style="padding-left:10px;">Next Action Date</label><br> <div class="input-group"> <input type="date" name="date" required placeholder="Date" class="form-control" /> <span class="input-group-addon"> <i class="zmdi zmdi-lock"></i> </span> </div> </div> <div class="footer text-center"> <button type="submit" class="btn l-cyan btn-round btn-lg btn-block waves-effect waves-light">Add</button> </div> </form> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </body> </html> Save