@extends('dashboard.layouts.default')
@section('content')
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif
<section class="top-section set-task">
  <div class="container-fluid">
    <div class="row g-3">
      @include('layout.top-ads')
      <div class="col-md-3">
        <div class="card summary-list sticky-top">
          <div class="card-header bg-white border-0 pt-3 pb-0"><h5 class="unit-title">Summary</h5></div>
          <div class="card-body overflow-hidden">
            <div class="h-100 overflow-auto pe-2" id="summaryDiv"></div>
          </div>
        </div>
      </div>
      <div class="col-md-9">
        <div class="card mb-3 sec-header sticky-top">
          <div class="card-body p-2">
            <div class="d-flex align-items-center justify-content-between">
              <div class="d-flex align-items-center">
                <!--<a class="btn btn-back" href="{{ URL::previous() }}"><i class="bx bx-chevron-left" ></i></a>-->
                <h5 class="sub-title">Set Task</h5>
              </div>
              <div id="" class="">
                <button type="button" class="btn btn-primary btn-with-i" id="tasknextbtn">Assign <i class="bx bx-chevron-right"></i></button>
              </div>
            </div>
          </div>
        </div>
        <form method="POST" class="form" novalidate="novalidate" id="tasksform" name="kt_tasks_form" action="{{ url('teacher/tasks/step1') }}" enctype="multipart/form-data">
          {{ csrf_field() }}
          <input type="hidden" name="delete_unit_id" id="delete_unit_id" value=""/>
          <div class="card mb-3">
            <div class="card-body">
              <div class="d-flex align-items-center overflow-auto">
                @foreach($years_filter as $key=>$year)
                <input type="checkbox" class="btn-check checkyear" name="year_id" value="{{ $year->id }}" id="year_id-{{ $year->id }}"  onclick="getClasses(this.id)" autocomplete="off">
                <label class="btn btn-year me-1 mb-1" for="year_id-{{ $year->id }}">{{ $year->year }}</label>
                @endforeach
              </div>
              <div class="d-flex align-items-center overflow-auto" id="classes_div">
              </div>
              <div class="bg-light p-3 rounded mb-2" id="students_div" style="display:none;">
                <table class="table table-striped table-hover display" id="studentdataTables" style="width:100%">
                  <thead>
                    <tr>
                      <th><input type="checkbox" name="selectall" id="selectall" class="form-check-input selectall" /></th>
                      <th style="display: none;">SName</th>
                      <th>Name</th>
                      <th>Year</th>
                      <th>Class</th>
                    </tr>
                  </thead>
                  <tbody>
                  </tbody>
                </table>
                <button type="button" class="btn btn-primary mt-2" id="studconfirm">Confirm</button>
              </div>
              <div id="subject_div" style="display: none;">
                <div class="d-flex align-items-center overflow-auto">
                  @foreach($subjects as $key=>$subject)
                  <input type="checkbox" class="btn-check checksubject" name="subject_id" value="{{ $subject->id }}" id="subject_id-{{ $subject->id }}"  onclick="getTopics({{ $subject->id }})" autocomplete="off">
                  <label class="btn btn-subject me-1 mb-1" for="subject_id-{{ $subject->id }}">{{ $subject->name }}</label>
                  @endforeach
                </div>
              </div>
              <div class="topic-list overflow-auto">
                <ul class="overflow-auto" id="topics_div">
                </ul>
              </div>
            </div>
          </div>
         <!-- <div class="card h-100">
            <div class="card-body">
              <div class="info-content"><div class="title" id="task-message">Select year group</div></div>
              <div class="row syllubus-div">
                        <div class="col-lg-12 no-data-founds" style="display:none;">
                        <div class="subject-detail-box-section">
                        <div class="listed-section">
                            <h4>No videos and quizzes found</h4>
                        </div>
                        </div>
                        </div>
                        <div class="col-lg-6" id="col-paper1" style="display:none;">
                        </div>
                        <div class="col-lg-6" id="col-paper2" style="display:none;">
                        </div>
              </div>
            </div>
          </div>-->
          <div class="card h-100">
          <div class="card-body">
                <div class="row g-1 syllubus-div">
					<div class="col-md-4">
						<div class="nav nav-pills  topiclistdiv" id="pills-tab" role="tablist" aria-orientation="vertical"></div>
					</div>
					<div class="col-md-8">
						<div class="tab-content chaptercontentdiv" id="pills-tabContent">
							<div id="video-quiz-list" class="subject-detail-box-section-topic text-center chapternocontent"style="display:none;">
								<h2 class="d-flex align-items-center justify-content-center"><i class='bx bx-error-circle' ></i>Select the topic to show videos and quizzes</h2>
							</div>
                     <div class="tab-pane fade show active chaptercontentlistmain"  style="display:none;" id="" role="tabpanel" aria-labelledby="chapter-tab" tabindex="0">
                     <div class="subject-detail-box-section">
                        <div class="subject-detail-box-section-topic"><h2 class="topic_detail"></h2></div>
                          <div class="listed-section chaptercontentlist">
                          
                          </div>
                          <div class="line-strip"></div>
                        </div>
                      </div>
						</div>
					</div>
				</div>
                <div class="row g-3 syllubus-div">
                    <div class="col-lg-12 no-data-founds" style="display:none;">
                        <div class="subject-detail-box-section">
                            <div class="listed-section">
                                <h4>No videos and quizzes found</h4>
                            </div>
                        </div>
                    </div>
                <div class="col-lg-6" id="col-paper1" style="display:none;">
                </div>
                <div class="col-lg-6" id="col-paper2" style="display:none;">
                </div>
                </div>
          </div>                
          </div>                
        </form>
      </div>
      @include('layout.bottom-ads')
    </div>
  </div>
</section>
@endsection
@push('page-scripts')
<script type="text/javascript">
  var videoCheckedArray = [];
  var quizCheckedArray  = [];
  
  //videoSelectionArray [];
  $(document).on('mouseover', '.selectButtonAll', function () {
      //$("#hover_tutor").toggle();
      //$("#hover_tutor_hidden").toggle();
      $(this).addClass('selectButtonAll_hover');
  });
  $(document).on('mouseleave', '.selectButtonAll', function () {
      //$("#hover_tutor").toggle();
      //$("#hover_tutor_hidden").toggle();
      $(this).removeClass('selectButtonAll_hover');
  });
  
  /////
  videoSelectionArray = [];
  $(document).on('click', '.selectButtonVideo', function () {
      var dataId = $(this).data('id');
      var dataTp = $(this).data('tp');
  
      if($.inArray(dataId, videoCheckedArray) != -1){
          
          videoCheckedArray.splice($.inArray(dataId, videoCheckedArray), 1);
  
          $('#spinner_for_'+dataTp).show();
          var count = $('.check_video_'+dataId).length;
          $('.check_video_'+dataId).each(function () {
              var selectedValue = $(this).val();
  
              isChecked = $(this).is(':checked')
              if(isChecked == true){
                  window.setTimeout(function(){
                      $('#check_video_'+selectedValue).click();
                      if (!--count) {
                          $(this).attr('data-ck', 0);
                          $('#spinner_for_'+dataTp).hide();  
                      }     
                  }, 500);
              }else{
                  --count;
              }
  
          });
      }else{
  
          videoCheckedArray.push(dataId);
          quizCheckedArray.push(dataId);
          
          $('.check_quiz_'+dataId).each(function () {
              if($(this).prop('disabled') == false){
                  this.checked = true;
              }
          });
          $('.check_video_'+dataId).each(function () {
              var selectedValue = $(this).val();
              if($(this).prop('disabled') == false){
  
                  isChecked = $(this).is(':checked')
                  if(!isChecked){ 
                      this.checked = true;
                      var idx = $.inArray(selectedValue, videoSelectionArray);
                      if (idx == -1) {
                        videoSelectionArray.push(selectedValue);
                      } else {
                        videoSelectionArray.splice(idx, 1);
                      }
                  }
  
  
              }else{
                  $('#check_quiz_'+selectedValue).prop('checked', false);
              }
          });
          loadSummary(videoSelectionArray[0]);  
      }
  });
  ////
  quizSelectionArray = [];
  $(document).on('click', '.selectButtonQuiz', function () {
      var dataId = $(this).data('id');
      var dataTp = $(this).data('tp');
  
      if($.inArray(dataId, quizCheckedArray) != -1){
  
          quizCheckedArray.splice($.inArray(dataId, quizCheckedArray), 1);
  
          $('#spinner_for_'+dataTp).show();
          var count = $('.check_video_'+dataId).length;
          $('.check_quiz_'+dataId).each(function () {
              var selectedValue = $(this).val();
          
              isChecked = $(this).is(':checked')
              if(isChecked == true){
                  window.setTimeout(function(){
                      // do whatever you want to do
                      if (!--count) {
                         $('#spinner_for_'+dataTp).hide();  
                      }
                      $('#check_quiz_'+selectedValue).click();     
                  }, 500);
  
              }else{
                  --count;
              }
  
  
          });
  
      }else{
  
          quizCheckedArray.push(dataId);
  
          $('.check_quiz_'+dataId).each(function () {
              if($(this).prop('disabled') == false){
                  var selectedValue = $(this).val();
                  isChecked = $(this).is(':checked')
                  if(!isChecked){ 
                      this.checked = true;
                      var idx = $.inArray(selectedValue, quizSelectionArray);
                      if (idx == -1) {
                        quizSelectionArray.push(selectedValue);
                      } else {
                        quizSelectionArray.splice(idx, 1);
                      }
                  }
              }
          });
          loadSummary(quizSelectionArray[0]);   
      }
  });
  ////
  
  
  // Wait for the DOM to be ready
  $("#delete_unit_id").val();
  var sel_students = [];
  $("#tasknextbtn").click(function () {
  
      var check_years = [];
      var check_classes = [];
      var check_subjects = [];
      var check_quizs = [];
      var check_videos = [];
      var activeUnits = [];

  
      $('input:checkbox.checkquiz').each(function () {
          var sThisVal = (this.checked ? check_quizs.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkvideo').each(function () {
          var sThisVal = (this.checked ? check_videos.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkyear').each(function () {
          var sThisVal = (this.checked ? check_years.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? check_classes.push($(this).val()) : "");
      });
  
      $('input:checkbox.checksubject').each(function () {
          var sThisVal = (this.checked ? check_subjects.push($(this).val()) : "");
      });

      $('.selected_task_unit').each(function() {
            if ($(this).hasClass('active')) {
                var selectedId = $(this).attr('id');
                var prefix = "selected_task_unit_";
                if (selectedId.startsWith(prefix)) {
                    var id = selectedId.substring(prefix.length);
                    if (id) {
                        activeUnits.push(id);
                    }
                }
            }
      });
      
  
      if($('input:checkbox.checkstudents').prop("checked") == true){
          
          if(sel_students.length>0){
              console.log("sdasd");
                  $('#studentdataTables tbody').empty();
                  $("#students_div").hide();
                  $("#subject_div").show();
                  $("#task-message").html('Select subject');
                  $(".syllubus-div").show();
  
                  if (check_years.length == 0) {
                      showAlert("Please choose year...", "error");
                  } else if (check_classes.length == 0) {
                      showAlert("Please choose class...", "error");
                  } else if (check_subjects.length == 0) {
                      showAlert("Please select subjects...", "error");
                  } else if ((check_quizs.length == 0) && (check_videos.length == 0)) {
                      showAlert("Please select units...", "error");
                  } else if ((activeUnits.length == 0) && (activeUnits.length == 0)) {
                            showAlert("Please select units...", "error");
                  } else {
                      $("#tasksform").submit();
                  }
              }else{
                  showAlert("Please select student(s) first...", "error");
              }   
  
      }else{
          if (check_years.length == 0) {
              showAlert("Please choose year...", "error");
          } else if (check_classes.length == 0) {
              showAlert("Please choose class...", "error");
          } else if (check_subjects.length == 0) {
              showAlert("Please select subjects...", "error");
          } else if ((check_quizs.length == 0) && (check_videos.length == 0)) {
              showAlert("Please select units...", "error");
          }
          else if ((activeUnits.length == 0) && (activeUnits.length == 0)) {
                            showAlert("Please select units...", "error");
          } else {
              $("#tasksform").submit();
          }
      }
      
  
  });
  
  function getClasses(year_id) {
      var year_ids = [];
      var class_ids = [];
  
      
      $('input:checkbox.checkyear').each(function () {
          // var sThisVal = (this.checked ? year_ids.push($(this).val()) : "");
          this.checked = false;
      });
  
      year_ids.length = 0;
      year_ids.push($("#" + year_id).val());
      $("#" + year_id).prop('checked', true);
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      sel_students = [];
      $('#students_div').hide();
      $('#studentdataTables tbody').empty();
      if (year_ids.length != 0) {
          $.ajax({
              url: "{{ url('teacher/tasks/get-classes') }}",
              type: 'POST',
              data: {
                  "year_ids": year_ids,
                  'class_ids': class_ids
              },
          }).done(function (data) {
              $('#classes_div').html(data);
              $(".info-content").show();
              $("#task-message").html('Select class or classes');
              getSubjects();
          });
      } else {
          $('#classes_div').html('');
          $('#subject_div').hide();
          $('#topics_div').html('');
          $('#topics_div').html('');
          //$('.syllubus-div').html('');
  
  
          $('input:checkbox.checksubject').each(function () {
              this.checked = false;
          });
      }
      loadSummary();
  }
  
  function getSubjects(id) {
      var class_ids = [];
    //  $("#task-message").html('Select subject');
      $('input:checkbox.checkclass').each(function () {
          //this.checked = false;
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
  
      });
      // if (id) {
      //     class_ids.push($("#class_id-" + id).val());
      //     $("#class_id-" + id).prop('checked', true);
      // }
  
      var year_ids = [];
      var class_ids = [];
  
  
      $('input:checkbox.checkyear').each(function () {
          var sThisVal = (this.checked ? year_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      if (class_ids.length != 0) {
          $.ajax({
              url: "{{ url('teacher/tasks/get-classes') }}",
              type: 'POST',
              data: {
                  "year_ids": year_ids,
                  'class_ids': class_ids
              },
          }).done(function (data) {
              $('#classes_div').html(data);
             // $(".checkstudents").show();
             $(".btn-checkstudent").removeAttr('disabled');
             $("#check-stud").css("filter", "grayscale(0)");
            
          });
      }else{
          $(".btn-checkstudent").attr('disabled', 'disabled');
          $("#check-stud").css("filter", "grayscale(1)");
          // $(".checkstudents").hide();
           $("#students_div").hide();
      }
  
  
      console.log(class_ids.length);
      if (class_ids.length > 0) {
        $("#task-message").html('Select subject');
          $('#subject_div').show();
          // $('#topics_div').html('');
          // $('.syllubus-div').html('');
          // $('input:checkbox.checksubject').each(function () {
          //     this.checked = false;
          // });
  
      } else {
          $('input:checkbox.checkclass').each(function () {
              var sThisVal = this.id;
              $("#" + sThisVal).removeAttr('disabled');
          });
          $("span").removeClass("btn-disable");
          $('#subject_div').hide();
          $('#topics_div').html('');
         // $('.syllubus-div').html('');
          $('.students_div').hide();
          $('#studentdataTables tbody').empty();
          $('input:checkbox.checksubject').each(function () {
              this.checked = false;
          });
      }
      loadSummary();
  }
  
  function getTopics(subject_id) {
      var subject_ids = [];
      var subject_id = subject_id;
      var class_ids = [];
  
      $('input:checkbox.checksubject').each(function () {
          var sThisVal = (this.checked ? subject_ids.push($(this).val()) : "");
      });
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      if (class_ids.length > 0)
          class_id = class_ids[0];
  
      $('input:checkbox.checksubject').each(function () {
          if ($(this).val() == subject_id) {
              $("#subject_id-" + $(this).val()).prop("checked", true);
          } else {
              $("#subject_id-" + $(this).val()).prop("checked", false);
          }
      });
  
      // if(subject_ids.length != 0) {
      if (subject_id != null) {
          $.ajax({
              url: "{{ url('teacher/tasks/get-task-topics') }}",
              type: 'POST',
              data: {
                  "subject_ids": subject_id,
                  "class_ids": class_id
              },
          }).done(function (data) {
           if (data.status == true) {
                // $('#topics_div').html(data);
                $(".topiclistdiv").html(data.html);
                $(".chaptercontentlistmain").hide(); 
                $('#overlay').fadeOut();
                $(".loader").hide();
                $(".chapternocontent").show();
             }
          });
          } else {
                $('#topics_div').html('');
          }
  }
  
  function getUnits() {
      var subject_ids = [];
      var unit_ids = [];
      var class_ids = [];
      $('input:checkbox.checksubject').each(function () {
          var sThisVal = (this.checked ? subject_ids.push($(this).val()) : "");
      });
      var quiz_ids = [];
      $('input:checkbox.checkquiz').each(function () {
          var sThisVal = (this.checked ? quiz_ids.push($(this).val()) : "");
      });
  
      var video_ids = [];
      $('input:checkbox.checkvideo').each(function () {
          var sThisVal = (this.checked ? video_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      if (class_ids.length > 0)
          class_id = class_ids[0];
  
      if (subject_ids.length != 0) {
          $.ajax({
              url: "{{ url('teacher/tasks/get-units') }}",
              type: "POST",
              data: {
                  "subject_ids": subject_ids,
                  'quiz_ids': quiz_ids,
                  'video_ids': video_ids,
                  "class_ids": class_id
              }
          }).done(function (data) {
             // $(".syllubus-div").html(data);
              $(".info-content").hide();
              $(".topic-list").hide();
              $("#topic-div").hide();
              $(".syllubus-div").show();
          })
      }
  
  }
  
  function gotoTopic(id) {
      var scrollPos = $("#topic-" + id).offset().top;
      $(window).scrollTop(scrollPos);
  }
  
  function setQuizChecked(id) {
      var isChecked = $("#check_video_" + id).is(":checked");
      if (isChecked) {
          $("#check_quiz_" + id).prop('checked', true);
      } else {
          $("#check_quiz_" + id).prop('checked', false)
      }
  
      loadSummary(id);
  }
  
  function loadSummary(id) {
      var class_ids = [];
      var year_ids = [];
      var quiz_ids = [];
      var video_ids = [];
      var delete_unit_id = '';
      var unit = '';
      var summary_html = '';
      var quiz = '';
      var video = '';
      var subject_ids = [];
      var subject_id = '';
  
      var isVChecked = $("#check_video_" + id).is(":checked");
      var isQChecked = $("#check_quiz_" + id).is(":checked");
  
      delete_unit_id = $("#delete_unit_id").val();
  
      // $('input:checkbox.checkquiz').each(function() {
      //     if(this.checked){
      //         console.log($(this).val());
      //     }
      // });
      //var sel_students = [];
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checksubject').each(function () {
          var sThisVal = (this.checked ? subject_ids.push($(this).val()) : "");
      });
      if (subject_ids.length > 0) {
          subject_id = subject_ids.toString();
      }
      $.ajax({
          url: "{{ url('teacher/tasks/set-summary') }}",
          type: "POST",
          async: false,
          data: {
              "id": id,
              'isVChecked': isVChecked,
              'isQChecked': isQChecked,
              'class_ids': class_ids,
              'delete_unit_id': delete_unit_id,
              'subject_id': subject_id,
              'show_delete': 1,
              'sel_students':sel_students,
  
              'videoSelectionArray' : videoSelectionArray,
              'quizSelectionArray' : quizSelectionArray
          }
      }).done(function (data) {
          videoSelectionArray = [];
          quizSelectionArray  = [];
          $("#summaryDiv").html(data);
      });
  
  }
  
  function updateTask(elem) {
      var dataId = $(elem).data("id");
      var dataItem = $(elem).data("item");
  
      if (dataId != null) {
          if (dataItem == 'year') {
              $("#class_id-" + $.trim(dataId)).prop("checked", false);
              getClasses();
          }
  
          if (dataItem == 'unit') {
              $("#check_quiz_" + $.trim(dataId)).prop("checked", false);
              $("#check_video_" + $.trim(dataId)).prop("checked", false);
              $("#selected_task_unit_" + $.trim(dataId)).removeClass("active");
              $("#delete_unit_id").val(dataId);
              loadSummary();
          }
      }  
  }
  
  
  table = $('#studentdataTables').DataTable({
  
          bSearchable: true,
          pagination: true,
          fixedHeader:    true,
          scrollX:        true,
          scrollCollapse: true,
          responsive: true,
          searchDelay: 500,
          processing: !0,
          serverSide: !0,
          "aLengthMenu": [[50, 100, 500, -1], [50, 100, 500, "All"]],
          "pageLength": 50,
          ajax: {
              url: "{{ url('teacher/tasks/get-students') }}",
              data: search,
              type:"POST"
          },
          columns: [
              {data: "checkrows", name: "checkrows", orderable: false, searchable: !1},
              {data: "sname", name: 'sname'},
              {data: "name", name: 'name'},
              {data: "year", name: 'year', orderable: !1, searchable: !1},
              {data: "class", name: 'class', orderable: !1, searchable: !1}
              
  
          ],
          "columnDefs": [
                  {
                      "targets": [ 1 ],
                      "visible": false,
                      "searchable": false,
                      orderData: [ 1 ]
  
                  },
                  {
                      targets: [ 2 ],
                      orderData: [ 1 ]
                  }
          ],
          "order": [[ 1, "asc" ]]  
      });
  
      $(".searchs").keyup(function () {
          table.draw();
      });
  
  $(document).on('click', '.checkstudents', function () {
      if($(this).prop("checked") == true){
           $("#students_div").show();
          if ($.fn.DataTable.isDataTable('#studentdataTables')) {
  
             table.ajax.reload();
          } 
         $("#subject_div").hide();
         $("#topics_div").hide();
         $(".syllubus-div").hide();
      }
      else if($(this).prop("checked") == false){
            $('#studentdataTables tbody').empty();
            $("#students_div").hide();
           // sel_students = [];
            loadSummary();
            $("#subject_div").show();
            $("#task-message").html('Select subject');
            $("#topic-div").show();
            $(".syllubus-div").show();
            
      }
      
  
  });
  
  function search(value) {
  
      var class_ids = [];
      value.search_name = $('input[type="search"]').val();
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      value.class_ids = class_ids;
  
  } 
  
  
  
  $(document).on('click', '.slectedrows', function () {
  // var sel_students = [];
  
      if(this.checked){
              sel_students.push($(this).val());
      }else{
          const index = sel_students.indexOf($(this).val());
            if (index > -1) {
                  sel_students.splice(index, 1);
            }
      }
     if(sel_students.length>0)
      sel_students =  unique(sel_students);
      loadSummary();
  
          
  });  
  
  function unique(array){
     return array.filter(function(el, index, arr) {
         return index == arr.indexOf(el);
   });
  }
  
  $(document).on('click', '.selectall', function () {   
   if(this.checked){
          $('input:checkbox.slectedrows').each(function () {
              this.checked = true;
              var sThisVal = (this.checked ? sel_students.push($(this).val()) : "");
          });
   }
   else{
      $('input:checkbox.slectedrows').each(function () {
              this.checked = false;
              const index = sel_students.indexOf($(this).val());
                if (index > -1) {
                      sel_students.splice(index, 1);
                }
  
          });
  
   }   
   if(sel_students.length>0)
      sel_students =  unique(sel_students);
      loadSummary();
  });    
  
  $(document).on('click', '#studconfirm', function () {
    //if(sel_students.length>0){
    $('#studentdataTables tbody').empty();
    $("#students_div").hide();
    $("#subject_div").show();
    $("#task-message").html('Select subject');
    $(".syllubus-div").show();
    $('input:checkbox.checkstudents').prop('checked', false);
    
    //  }else{
    //     showAlert("Please select student(s) first...", "error");
    //  }   
      
  });
  
  function removeStudent(elem) {
      var dataId = $(elem).data("id");
      var dataItem = $(elem).data("item");
  
      if (dataId != null) {
          if (dataItem == 'student') {
              $("#stud_" + $.trim(dataId)).prop("checked", false);
              dataId = dataId.toString();
                const index = sel_students.indexOf(dataId);
                if (index > -1) {
                  
                      sel_students.splice(index, 1);
                }
          
              loadSummary();
          }
      }  
  }

  checkedIds = Array();

  function selectedTaskUnit(unit_id) 
  {
      if ($.inArray(unit_id, checkedIds) == -1) {
          checkedIds.push(unit_id);
          var unit = $("#delete_unit_id").val();
          if(unit==unit_id)
          {
            $("#delete_unit_id").val('');
          }
      } else {
          checkedIds.splice($.inArray(unit_id, checkedIds), 1);
          $("#check_quiz_" + $.trim(unit_id)).prop("checked", false);
          $("#check_video_" + $.trim(unit_id)).prop("checked", false);
          $("#selected_task_unit_" + $.trim(unit_id)).removeClass("active");
          $("#delete_unit_id").val(unit_id);
          $("#selected_task_unit_" + unit_id).removeClass("active");
      }
      $.each(checkedIds, function (index, value) {
          $("#selected_task_unit_" + value).addClass("active");
      }); 
      setQuizChecked(unit_id);

  }

  var topicId = '';var topicIndex = ''; var chapterCount =  '';
  $(document).ready(function() {
    $(document).on('click', '.topic-button', function() 
    {
       $('.topic-button').css('pointer-events', 'none');
       $('.topic-button').css('cursor', 'not-allowed');
       topicId = $(this).attr('topic-id');
       topicIndex = $(this).attr('topic-index');
       topicCode = $(this).attr('topic-code');
       topicName = $(this).attr('topic-name');
       chapterCount = $(this).attr('chapter-count');
       $(".topic_detail").html('');
       $(".topic_detail").html(topicCode+' : '+topicName);
       $(".chapternocontent").css('display','none');
       $(".chaptercontentlist").html('');
       $(".chaptercontentlistmain").show();
       loadUnits(0, topicId, topicIndex, chapterCount);
    });
  });

  function loadUnits(load, topicId, topicIndex, chapterCount)
  {
      var search = '';
      var subject_ids = [];
      var unit_ids = [];
      var class_ids = [];
      $('input:checkbox.checksubject').each(function () {
          var sThisVal = (this.checked ? subject_ids.push($(this).val()) : "");
      });
      var quiz_ids = [];
      $('input:checkbox.checkquiz').each(function () {
          var sThisVal = (this.checked ? quiz_ids.push($(this).val()) : "");
      });
  
      var video_ids = [];
      $('input:checkbox.checkvideo').each(function () {
          var sThisVal = (this.checked ? video_ids.push($(this).val()) : "");
      });
  
      $('input:checkbox.checkclass').each(function () {
          var sThisVal = (this.checked ? class_ids.push($(this).val()) : "");
      });
      if (class_ids.length > 0)
          class_id = class_ids[0];
          $.ajax({
              url: "{{ url('teacher/tasks/get-task-units') }}",
              type: "POST",
              data: {
                  "subject_ids": subject_ids,
                  'quiz_ids': quiz_ids,
                  'video_ids': video_ids,
                  "class_ids": class_id,
                  'topic_id': topicId,
                  'topic_index':topicIndex,
                  'search': search,
                  'load':load,
              },
              dataType: "html"              
          }).done(function (data) 
          {

              $("#video-quiz-list").hide(); 
              $('.chaptercontentlist').append(data);
              if(load <=chapterCount){
                load++;  
                loadUnits(load, topicId, topicIndex, chapterCount);
              }
              else {
                $('.topic-button').css('pointer-events', 'auto');
                $('.topic-button').css('cursor', 'pointer');
              }
            $('#overlay').fadeOut();
            $(".loader").hide();
          }).fail(function() {
            $('.topic-button').css('pointer-events', 'auto');
            $('.topic-button').css('cursor', 'pointer');
          });
      
  }

  function TopicHeadClick(topic_head_id)
  {
        if($(".selected_chapter_"+topic_head_id).hasClass("active")){
            var status  = 'inactive';
            $(".selected_chapter_" + topic_head_id).removeClass("active");
        }
        else {
            var status  = 'active';
            $(".selected_chapter_" + topic_head_id).addClass("active"); 
        }
        var elements = $(".chapter_class_" + topic_head_id);
        var prefix = "selected_task_unit_";
        selectedAllTaskUnit(Number(topic_head_id), status);
       /*** elements.each(function() {
            var result = $(this).attr('id');
            if (result.startsWith(prefix)) {
                var id = result.substring(prefix.length);
               
              selectedAllTaskUnit(Number(id));
            }
        }); */
  }

  function selectedAllTaskUnit(topic_head_id, status) 
  {
        var elements = $(".chapter_class_" + topic_head_id);
        var prefix = "selected_task_unit_";
        $("#delete_unit_id").val('');
        var deletedArray = [];
        elements.each(function() {
            var result = $(this).attr('id');
            if (result.startsWith(prefix)) {
                var id = result.substring(prefix.length);
                id = Number(id);
                if(status == 'active')
                {
                    checkedIds.push(id);
                    $("#selected_task_unit_" + id).addClass("active");
                    var unit = $("#delete_unit_id").val();
                    if(unit==id)
                    {
                        $("#delete_unit_id").val('');
                    }
                    $("#check_quiz_" + $.trim(id)).prop("checked", true);
                    $("#check_video_" + $.trim(id)).prop("checked", true);
                    setQuizChecked(id);
                }
                else {
                    if(!$("#selected_task_unit_"+$.trim(id)).hasClass("active")){
                        deletedArray.push(id);
                    }
                    checkedIds.splice($.inArray(id, checkedIds), 1);
                    $("#delete_unit_id").val(id);
                    $("#check_quiz_" + $.trim(id)).prop("checked", false);
                    $("#check_video_" + $.trim(id)).prop("checked", false);
                    $("#selected_task_unit_" + $.trim(id)).removeClass("active");
                    $("#selected_task_unit_" + id).removeClass("active");
                    setQuizChecked(id);
                }
            }
        });
        if(deletedArray.length  != 0) 
        {
            $.each(deletedArray, function (index, id) {
                    checkedIds.splice($.inArray(id, checkedIds), 1);
                    $("#delete_unit_id").val(id);
                    $("#check_quiz_" + $.trim(id)).prop("checked", false);
                    $("#check_video_" + $.trim(id)).prop("checked", false);
                    $("#selected_task_unit_" + $.trim(id)).removeClass("active");
                    $("#selected_task_unit_" + id).removeClass("active");
                    setQuizChecked(id);
            });

        }
  }
 
</script>
@endpush