<main class="common_margin" id="main"> <div class="main-wrap"> <div class="dashboard-cover"> <div class="subject_r"> <div class="subject_rsec"> <a href="javascript:history.back()"><button class="btn btn-dark btn-sm">Back</button></a> <div class="common-heading"> <h2><?= $title; ?></h2> </div> <div class=""> <table id="tbl" class="display dataTable table-responsive text-center"> <thead> <tr> <th>S.No</th> <th>Barcode ID(ISBN)</th> <th>Title</th> <th>Subject(Category)</th> <th>Author</th> <th>Rack No</th> <th>Year</th> <th>Pages</th> <th>Action</th> </tr> </thead> <tbody> <?php if(isset($damagedBookData) && !empty($damagedBookData)){ $i=1; foreach($damagedBookData as $dbdata) { $book_data = $this->db->get_where('lms_books', ['id'=> $dbdata['book_id']])->row_array(); $category = $this->db->get_where('lms_categories', ['id'=> $book_data['category_id']])->row_array(); ?> <tr> <td><?= $i; ?></td> <td><?= $book_data['isbn']; ?></td> <td><?= $book_data['title']; ?></td> <td><?= $category['name']; ?></td> <td><?= $book_data['author']; ?></td> <td><?= $book_data['rack_no']; ?></td> <td><?= $book_data['published_year']; ?></td> <td><?= $book_data['total_no_of_pages']; ?></td> <td> <div class="sub_tabbtnsec"> <a href="<?= base_url(); ?>damaged-books-details/<?= $book_data['id']; ?>"> <button class="subject_addbtn" data-toggle="modal" data-target="#bookCmnt">View Details</button> </a> </div> </td> </tr> <?php $i++; } } ?> </tbody> </table> </div> </div> </div> </div> </div> </main> <!--End right-top side--> </div> <!-- <script src="assets/js/jquery-3.2.1.slim.min.js"></script> --> <script src="<?= base_url(); ?>assets-lms/js/jquery-3.4.1.min.js" ></script> <script src="<?= base_url(); ?>assets-lms/js/popper.min.js"></script> <script src="<?= base_url(); ?>assets-lms/js/bootstrap.min.js"></script> <script defer src="<?= base_url(); ?>assets-lms/js/all.js"></script> <script defer src="<?= base_url(); ?>assets-lms/js/main.js"></script> <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script> <script src="<?= base_url(); ?>assets-lms/owl-carousel/js/owl.carousel.min.js"></script> <script> $(document).ready(function(){ $('.user-drpdown').click(function(){ $('.drpdown-items').toggle(); }); }); //table js $('#tbl').DataTable( { "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]] } ); //table js end //multiple select js start $('select').selectpicker(); //multiple select js end </script> </body> </html>