<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets-bustracking/css/style-drivers.css"> <!--right-top side--> <main class="common_margin" id="main"> <div class="row dash-main-row trip-details-row"> <div class="col-md-12 col-lg-12 p-0"> <button type="button" class="btn btn-dark deleted-btn" onclick="goBack()">Back</button> <div class="block-head"> <h3 class="dash-tab-head">Trip Details</h3> </div> <table class="table dash-table"> <thead> <tr> <th scope="col" class="dash-th rooms-th">SI.NO</th> <th scope="col" class="dash-th rooms-th">Name</th> <th scope="col" class="dash-th rooms-th">Attendence</th> </tr> </thead> <tbody> <?php if (!empty($student_trip_details)) { $i=1; foreach ($student_trip_details as $key => $value) { if ($value['status'] == 'Attended') { ?> <tr> <td class="rooms-td"><?php echo $i ?></td> <td class="rooms-td"><?php echo $value['student_name'] ?></td> <td class="student-view"><img src="<?php echo base_url() ?>assets-bustracking/images/dashboard/user-check-img.png" alt=""> </td> </tr> <?php }else{ ?> <tr> <td class="rooms-td"><?php echo $i ?></td> <td class="rooms-td"><?php echo $value['student_name'] ?></td> <td class="student-view"><img src="<?php echo base_url() ?>assets-bustracking/images/dashboard/user-img-cross.png" alt=""> </td> </tr> <?php } $i++; } } else { ?> <tr style="text-align: center;"> <td colspan="3">No Data Found </td> </tr> <?php } ?> </tbody> </table> <div class="table-footer"> <div class="table-footer-left"> <p>Showing 1 of 200 entries</p> </div> <div class="table-footer-right"> <p class="footer-right-prev">Previous</p> <p class="tab-footer-count">1</p> <p class="footer-right-next">Next</p> </div> </div> </div> </div> </main> <!--End right-top side--> </div> <script src="assets/js/jquery-3.4.1.min.js" ></script> <script src="assets/js/popper.min.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script> <script defer src="assets/js/all.js"></script> <script defer src="assets/js/main.js"></script> <script src="assets/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 </script> <script> function goBack() { window.history.back(); } </script> </body> </html>