<style> .subject-filter { margin-right: 10px; width: 290px; } button.btn.btn-success.btn-sm { padding: 8px; } p.text-danger { color: red; } .top-filter { display: flex; font-size: 15px; margin-bottom: 35px; align-items: flex-end; color: red; } .subject_addbtn1 { background: #032da1; border-radius: 3px; color: #fff; padding: 3px 38px; border: none; font-size: 16px; cursor: pointer; } .cierr { font-size: 14px; } </style> <div class="wraper responsive-width"> <main class="long-tbl-main" id="main"> <div class="from-group adding-class form-group_lng"> <?php $classroom_id = (!empty($classroomid)) ? $classroomid : 0; ?> </div> <div class="row displaydata"> <div class="col-md-6 pull-left"> <a href="<?= base_url(); ?>admin/classroom" class="pull-left"><button type="button" class="btn subject_addbtn1 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">×</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">×</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>--> <form method="POST" action="<?php echo base_url() . 'Admin/assignedtoclassroom' ?>" id="studentsfilterform"> <div class="filter_lbl"> <i class="fas fa-filter"></i> Filter </div> <div class="row"> <div class="col-md-3"> <div class="form-group"> <div class="date-fil-row"> <select id="batch_filter" class="form-control batch_filter" name="batch_filter" placeholder="Select Batch"> <option value="">-- Select Batch --</option> <?php foreach ($batch_list as $b_value) { ?> <option value="<?php echo $b_value['id'] ?>" <?= $school_info['batch_id'] == $b_value['id'] ? 'selected' : '' ?>><?php echo $b_value['b_name']; ?></option> <?php } ?> </select> </div> <div class="text-danger cierr"><?php echo form_error('batch_filter'); ?></div> </div> </div> <div class="col-md-3"> <div class="form-group"> <div class="date-fil-row"> <select class="form-control course_filter" name="course_filter" placeholder="Select Course" id="course_filter" readonly> <option value="">-- Select Course --</option> <?php foreach ($course_list as $c_value) { if ($course_id == $c_value['id']) { ?> <option value="<?php echo $c_value['id'] ?>" selected><?php echo $c_value['course_name'] ?></option> <?php } } echo 'course -' . $course_id; ?> </select> </div> <div class="text-danger cierr"><?php echo form_error('filter-Edate'); ?></div> </div> </div> <div class="col-md-3"> <div class="form-group"> <select id="section_filter" class="form-control section_filter" name="section_filter" placeholder="Select Section" onchange="reload_unsigned_students()"> <option value="">-- Select Section --</option> </select> <div class="text-danger cierr"><?php echo form_error('section_filter'); ?></div> </div> </div> <div class="col-md-3"> <div class="form-group"> <button type="submit" name="assignto" class="btn btn-success btn-sm w-70" value="assigntoclassroom">Assign To Classroom</button> <a href="<?php echo base_url(); ?>admin/assign-to-classroom/<?php echo $back_url; ?>" class="p-0"><button type="button" name="reset_filter" id="reset_filter" value="reset_filter" class="subject_addbtn subject_addbtn_nobg p-0"><i class="fas fa-redo"></i>Reset</button></a> <div class="text-danger cierr"><?php echo form_error('student_list[]'); ?></div> </div> </div> </div> <div id="results"></div> </form> </div> </div> </div> </div> </div> </div> </main> </div> <script type="text/javascript"> function autoselect_course() { reload_unsigned_students(); var div_data = "<option value=''> -- Select Section-- </option>"; var course_id = $('#course_filter').val(); $('#section_filter').html(""); // alert(course_id); if (course_id != '') { $.ajax({ type: "post", url: "<?php echo base_url('Admin/getsectionsbyCourse'); ?>", data: { courseid: course_id }, dataType: "json", success: function(response) { console.log(response); if (response != "") { $.each(response, function(index, data) { div_data += "<option value=" + data.section_id + ">" + data.section_name + "</option>"; }); } $('#section_filter').append(div_data); } }); } } function reload_unsigned_students() { var values = $('#studentsfilterform').serialize(); urlVal = '<?php echo base_url(); ?>Admin/ajaxstudentfilters'; $.ajax({ type: "POST", url: urlVal, data: values, success: function(result) { console.log(result); result = result.trim(); $('#results').empty(); $('#results').html(result); } }); } $(document).ready(function() { autoselect_course(); // reload_unsigned_students(); var sectionId = 0, sectionName = "No Sections Found"; $('#course_filter').change(function() { reload_unsigned_students(); var div_data = "<option value=''> -- Select Section-- </option>"; var course_id = $(this).val(); $('#section_filter').html(""); // alert(course_id); if (course_id != '') { $.ajax({ type: "post", url: "<?php echo base_url('Admin/getsectionsbyCourse'); ?>", data: { courseid: course_id }, dataType: "json", success: function(response) { console.log(response); if (response != "") { $.each(response, function(index, data) { div_data += "<option value=" + data.section_id + ">" + data.section_name + "</option>"; }); } $('#section_filter').append(div_data); } }); } }); $("#batch_filter").change(function() { reload_unsigned_students(); }); }); $(document).ready(function() { // show the alert setTimeout(function() { $(".alert").alert('close'); <?php unset($_SESSION['success_msg']); ?> <?php unset($_SESSION['error_msg']); ?> }, 15000); }); </script>