<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>