<div class="wraper responsive-width"> 
                <main class="long-tbl-main students_list_table" id="main">
                     
                    <div class="from-group adding-class form-group_lng form_group_twobtn">
                        <a href="<?php echo base_url(); ?>admin/classroom_student/<?php echo $class_id; ?>/<?php echo $course_id; ?>"><button type="button" class="btn btn-success btn-sm btn-dark">Back</button></a>
                           
                    </div>
                    <!-- admin template section -->
                        <div class="admin_tempblock">
                            <div class="admin_tempsec">
                                <div class="admin_sec">
                                    <form>
                                        <div class="subsec_sec">  
                                            <div class="subject_r">
                                                <div class="subject_lsec">
                                                    <div class="subject_lhead" >Assign Student</div>
                                                    <!-- tab added --> 
                                                    <div class="top-filter">
                                                        <div class="filter_lbl">
                                                            <i class="fas fa-filter"></i>
                                                            Filter
                                                        </div>
                                                        <div class="date-filter">
                                                            <div class="date-fil-row">
                                                                <label>Start date</label>
                                                                <input type="date" name="dd/mm/yy" class="form-control">
                                                            </div>
                                                            <div class="date-fil-row">
                                                                <label>End date</label>
                                                                <input type="date" name="dd/mm/yy" class="form-control">
                                                            </div>
                                                        </div>
                                                        <div class="filter-reset">
                                                            <button type="button" id = "filter_reset" class="subject_addbtn subject_addbtn_nobg" ><i class="fas fa-redo"></i>Reset Filters</button>
                                                           
                                                        </div>
                                                         
                                                    </div>  
                                                        <div class="applicnts-list-wrap ">
                                                            <div class=" "> 
                                                                <table id="tbl1" class="display table-responsive">
                                                                <thead>
                                                                    <tr>
                                                                        <th>Sl.No</th> 
                                                                        <th>StudentId</th>
                                                                        <th>Photo</th>
                                                                        <th>Name of Student</th>
                                                                        
                                                                        <th>Contact No.</th>
                                                                        <th>Course</th> 
                                                                        <th></th>
                                                                        <th>Action</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody> 
                                                                <?php $i =0; foreach($students as $s){ ?>
                                                                    <tr>
                                                                        <td><?php echo ++$i; ?></td>
                                                                        <td><?= $s['studentId']; ?></td>
                                                                        <td>
                                                                            <img src="<?= base_url(); ?>assets_student/application/<?= $s['photo']; ?>" class="student_img_list"> </td>
                                                                        <td> <div class="applicant_nme"><?= $s['name']; ?></div> </td>
                                                                        
                                                                        <td><?= $s['mobile']; ?></td>
                                                                        <td><?= $s['course_name']; ?></td> 
                                                                        <td></td>
                                                                        <td>
                                                                            <div class="sub_tabbtnsec stud_tabbtnsec"> 
                                                                                <a href="<?php echo base_url(); ?>admin/assign_classroom/<?php echo $class_id; ?>/<?php echo $s['id']; ?>"> 
                                                                                    <button type="button" class="btn btn-success btn-sm">Assign</button>
                                                                               </a>
                                                                            </div>
                                                                        </td> 
                                                                    </tr> 
                                                                 <?php } ?>   
                                                                </tbody> 
                                                                </table> 
                                                            </div>
                                                    </div> 
                                            </div>
                                        </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                      <!-- admin template section end -->
                </main>
                <!--End right-top side-->
                 
        </div>

<script>
$(document).ready(function(){
    $('.user-drpdown').click(function(){
          $('.drpdown-items').toggle();
    });


   //table js
   $('#tbl1').DataTable( {
        "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]] 
    } ); 
    $('#tbl2').DataTable( {
        "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]]
    } );
    $('#tbl3').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>