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