<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>Students</h2>
                        <div class="dashboard-btn-wrap">
                            <a href="<?= base_url(); ?>add-student"><button class="btn btn-success btn-sm">Add Student</button></a>
                        </div>
                    </div>
                    <!-- <div class="select_div">
                            <div class="form-group assign_subject"> 
                                <select class="form-control txtData" name="class" id="class" onchange="getStudentData(this.value)">
                                <option value="" selected disabled>Select Category</option>
                                <?php if (isset($classData) && !empty($classData)) {
                                    foreach ($classData as $cData) { ?> 
                                    <option value="<?= $cData['class_name']; ?>"><?= $cData['class_name']; ?></option>
                                <?php }
                                } ?>
                                </select>
                            </div>
                        </div> -->
                    <div class="" id="userLists">
                        <?php
                        if (isset($studentData))
                            echo $studentData;
                        ?>
                    </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": [
            [50, 100, 250, 500, -1],
            [50, 100, 250, 500, "All"]
        ]
    });
    //table js end
    //multiple select js start
    $('select').selectpicker();
    //multiple select js end
</script>
<script>
    function getStudentData(classId) {
        $.ajax({
            type: 'post',
            url: '<?= base_url(); ?>LmsAdmin/ajaxGetUserData',
            data: {
                'class': classId
            },
            success: function(result) {
                result = result.trim();
                $('#userLists').empty();
                $('#userLists').html(result);
            }
        });
    }
</script>
</body>

</html>