<style>
    .displaydata {
        width: 100% !important;
    }

    .subject_addbtn {
        background: #032da1;
        border-radius: 3px;
        color: #fff;
        padding: 3px 38px;
        border: none;
        font-size: 16px;
        cursor: pointer;
    }
</style>
<div class="wraper responsive-width">
    <main class="long-tbl-main" id="main">
        <div class="displaydata pt-5 form-group_lng" style="display:flex">
            <div class="col-md-6 pull-left" style="padding:0">
                <a href="<?= base_url(); ?>admin/assign-students/<?php echo $classroomid ?>" class="pull-left"><button type="button" class="btn subject_addbtn bg-dark">Back</button></a>
            </div>

        </div>
        <div class="admin_tempblock">
            <div class="admin_tempsec">
                <div class="admin_sec">
                    <div class="subsec_sec">
                        <div class="subject_r subject_r_lng">
                            <div class="subject_lsec">
                                <div class="subject_lhead"><?php echo $title; ?> <p id="success" style="color:green;"></p>
                                </div>

                                <?php
                                if (!empty($this->session->flashdata('success_msg'))) { ?>
                                    <div class="alert alert-success">
                                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                                        <strong>Success!</strong> <?php echo $this->session->flashdata('success_msg'); ?>
                                    </div>
                                <?php
                                }
                                if (!empty($this->session->flashdata('error_msg'))) {
                                ?>
                                    <div class="alert alert-danger">
                                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                                        <strong>Failed!</strong> <?php echo $this->session->flashdata('error_msg'); ?>
                                    </div>
                                <?php } ?>
                                <!--<div class="view_del-subjects"><a href="<?= base_url(); ?>admin/classroom_deleted">View Deleted Items</a></div>-->
                                <table id="tbl" class="display table-responsive">

                                    <thead>
                                        <tr>

                                            <th>S.No</th>
                                            <th>Roll No.</th>
                                            <th>Student Id</th>
                                            <th>Photo</th>
                                            <th>Name</th>
                                            <th>Batch</th>

                                        </tr>
                                    </thead>

                                    <tbody>

                                        <?php
                                        $sno = 1;
                                        // echo "<pre>";
                                        // print_r($student_list);
                                        // die();
                                        foreach ($student_list as $student) {
                                            if (empty($student['photo'])) {
                                                $profile_path = base_url() . "common_assets/user.png";
                                            } else if (file_exists('assets_student/application/' . $student['photo'])) {
                                                $profile_path = base_url() . "assets_student/application/" . $student['photo'];
                                            } else {
                                                if ($student['gender'] == 'Male' || $student['gender'] == 'male')
                                                    $profile_path = base_url() . "common_assets/male_image.jpg";
                                                else
                                                    $profile_path = base_url() . "common_assets/female_image.jpg";
                                            }

                                        ?>
                                            <tr>
                                                <td><?= $sno; ?></td>
                                                <td>
                                                    <input type="number" class="form-control w-50 m-auto text-center rolls" onchange="check_data(this)" name="roll_no[]" value="<?= $student['roll_no']; ?>" max="3">
                                                    <input type="hidden" class="form-control w-50 m-auto text-center" name="student_batchid[]" value="<?= $student['stud_batch_id']; ?>">
                                                </td>
                                                <td><?= $student['studentId']; ?></td>
                                                <td> <img src="<?= $profile_path; ?>" class="student_img_list" /></td>
                                                <td><?= $student['name']; ?></td>

                                                <td>
                                                    <?php
                                                    $batch = $this->db->get_where('batch', array('id' => $student['student_batch']))->row_array();
                                                    echo $batch['b_name'];
                                                    ?>
                                                </td>
                                            </tr>
                                        <?php $sno++;
                                        }
                                        ?>

                                    </tbody>

                                    <tfoot>
                                        <tr>
                                            <th colspan="5"></th>
                                            <th>
                                                <div class="float-right w-100">
                                                    <button class="btn btn-md btn-info w-100 update_roll">Update Roll No</button>
                                                </div>
                                            </th>
                                        </tr>
                                    </tfoot>

                                </table>

                            </div>
                        </div>
                    </div>
                </div>
                <form method="post" id="update_rollNumber" action="<?php echo base_url('admin/roll-change/' . $encrepted_clas); ?>">
                    <input type="hidden" name="roll_numbers" class="roll_numbers">
                    <input type="hidden" name="batch_ids" class="batch_id">
                </form>
            </div>
        </div>
    </main>
</div>



<script>
    $(document).ready(function() {
        //table js
        $('#tbl').DataTable({
            "lengthMenu": [
                [-1],
                ["All"]
            ],
            paging: false,
            info: false
        });
        //table js end
    });

    function check_data(data) {
        var $regexname = /^([0-9]{1,3})$/;

        if (!data.value.match($regexname)) {
            data.value = data.defaultValue;
            alert("Please Enter only Positive number or Length should be 3");
            return false;
        }
        if (data.value == 0) {
            data.value = data.defaultValue;
            alert("Zero should not be Enter");
            return false;
        }
    }

    $('.update_roll').on('click', function() {

        let arr = [];
        let batch = [];
        var roll_no = $("input[name='roll_no[]']")
            .each(function() {
                arr.push($(this).val());
            });
        $("input[name='student_batchid[]']")
            .each(function() {
                batch.push($(this).val());
            });
        const toFindDuplicates = arr => arr.filter((item, index) => arr.indexOf(item) !== index);
        let duplicateElementa = toFindDuplicates(arr);
        if (duplicateElementa.length > 0) {
            alert(' You have dublicate elements ' + duplicateElementa.toString());
            return;
        } else {
            $('.roll_numbers').val(arr);
            $('.batch_id').val(batch);
            $('#update_rollNumber').submit();
        }
    });
</script>
<script type="text/javascript">
    $(document).ready(function() {
        // show the alert
        setTimeout(function() {
            $(".alert").alert('close');
            <?php unset($_SESSION['success_msg']); ?>
            <?php unset($_SESSION['error_msg']); ?>
        }, 15000);
    });
</script>