<link rel="stylesheet" href="<?php echo base_url(); ?>assets_admin/css/bootstrap-select.css">
<style>
    .error {
        color: red;
        padding-top: 2px;
    }

    .form-group.form-group-iconselect {
        position: relative;
        margin: 0px 0px 25px 0px;
    }

    label#subject_icon-error {
        position: absolute;
        bottom: -25px;
    }
</style>
<div class="wraper responsive-width">
    <main class="" id="main">
        <?php
        $classroom_name = (isset($classroom['classroom_name'])) ? $classroom['classroom_name'] : '';
        $course_id = (isset($classroom['course_id'])) ? $classroom['course_id'] : '';
        $section_id = (isset($classroom['section_id'])) ? $classroom['section_id'] : '';
        $is_active = (isset($classroom['is_active'])) ? $classroom['is_active'] : '';
        $action_url = base_url() . 'admin/assign-class-teacher/' . $id;

        ?>
        <div class="admin_tempblock">
            <div class="admin_tempsec">
                <div class="admin_sec">
                    <?php
                    if (!empty($this->session->flashdata('success'))) { ?>
                        <div class="alert alert-success">
                            <a href="#" class="close" data-dismiss="alert">&times;</a>
                            <strong>Success!</strong> <?php echo $this->session->flashdata('success'); ?>
                        </div>
                    <?php
                    }
                    if (!empty($this->session->flashdata('error'))) {
                    ?>
                        <div class="alert alert-danger">
                            <a href="#" class="close" data-dismiss="alert">&times;</a>
                            <strong>Failed!</strong> <?php echo $this->session->flashdata('error'); ?>
                        </div>
                    <?php } ?>
                    <div class="subsec_sec">
                        <div class="subject_l subject_l_full_width">
                            <div class="subject_lsec">
                                <div class="subject_lhead"><?php echo $title; ?></div>
                                <div class="subject_lhead" style="font-size: 16px;"><?php echo $classroom_name; ?></div>
                                <hr>
                                <?php
                                // echo '<pre>';
                                // print_r($classroom_subjects);
                                ?>
                                <form id="classroomfrom" method="post" action="<?= $action_url; ?>">

                                    <div class="form-group assign_subject">
                                        <label>Select Class Teacher Subject <span class="text-danger font-weight-bold">*</span></label>
                                        <!-- <input type="text" name="class"> -->
                                        <select name="subject_id" id="subject_id" class="selectpicker" data-live-search="true" required>
                                            <option value="" data-course_name="">-- Select Option --</option>
                                            <?php foreach ($classroom_subjects as $cs_value) {

                                                $selected = '';

                                                if ($cs_value['is_class_teacher'] == 'yes') {
                                                    $selected = 'selected';
                                                }

                                            ?>
                                                <option value="<?= $cs_value['subject_id']; ?>" <?= $selected; ?> data-course_name="<?= $cs_value['subject_name']; ?>"><?= $cs_value['subject_name']; ?></option>
                                            <?php
                                            } ?>
                                        </select>
                                        <label id="subject_id-error" class="error" for="subject_id"></label>
                                    </div>




                                    <input type="submit" name="update" value="Update" class="subject_addbtn">
                                    <a href="<?= base_url(); ?>admin/ae-classroom/<?= $id ?>"><button type="button" class=" ml-2 subject_addbtn bg-dark">Back</button></a>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>


<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min.js"></script> -->
<script defer src="<?php echo base_url(); ?>assets_admin/js/bootstrap-select.min.js"></script>
<script>
    $('.isClassTeacher').on('change', function(i, v) {

        $('.isClassTeacher').not(this).prop('checked', false);
    });
</script>
<script>
    function toggle(which) {


        // var teacherId = $("input[name='teacher_id[which]']").val();

        $("input[name='teacher_id[]']").each(function(i, v) {
            alert(i);
            console.log(v);
        });

        // console.log(teacherId);
    }
</script>
<script>
    $(document).ready(function() {
        //multiple select js start
        $('select').selectpicker();
        //multiple select js end
        var CName = $('#subject_id :selected').data('course_name')

        $("#classroomfrom").validate({

            // ignore: "input[type='text']:hidden",
            rules: {
                classroom_name: {
                    required: true,
                    rangelength: [2, 50],
                    inputregx: true
                },

            },
            messages: {

                subject_id: {
                    required: "Please select class teacher subject"
                },

            },



        });
    });
</script>