<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>
                    <?php if(isset($damagedBookDetail) && !empty($damagedBookDetail)){ ?>
                        <div class="common-heading">
                            <h2><?= $title; ?> - <?= $bookData['isbn']; ?> - <?= $bookData['title']; ?></h2> 
                        </div> 
                        <div class="book-detail-cover">
                            <?php $i=1; foreach($damagedBookDetail as $dbdata){ 
                                $book_data = $this->db->get_where('lms_books', ['id'=> $dbdata['book_id']])->row_array();
                                $stdIs = $dbdata['eu_unique_id'];
                                $eu_name = $this->LmsAdmin_Model->getStudentDataById($stdIs);  
                            ?>
                            <div class="book-detail-row">
                                <div class="book-detail_number"><?= $i; ?></div>
                                <div class="dam_book_info">
                                    <ul>
                                        <li><label>Student ID</label><span><?= $dbdata['eu_unique_id']; ?></span></li>
                                        <li><label>Full Name</label><span><?= $eu_name['name']; ?></span></li>
                                        <li><label>Class</label><span><?= $eu_name['class_name']; ?></span></li>
                                        <li><label>Contact</label><span><?= $eu_name['mobile']; ?></span></li>
                                        <li><label>Issued</label><span><?= date('d-m-Y', strtotime($dbdata['issued_date'])); ?></span></li>
                                        <li><label>Return</label><span><?= date('d-m-Y', strtotime($dbdata['returned_on_date'])); ?></span></li> 
                                    </ul>
                                </div>
                                <div class="dam_book_cmnt">
                                    <div class="dam_book">
                                        <h4>Comment</h4>
                                        <p><?= nl2br($dbdata['damaged_comment']); ?></p>
                                    </div>
                                </div>
                            </div>
                            <?php $i++; } ?>
                        </div>
                    <?php } ?>
                    </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>