$(document).ready(function(){

});

// filter lecture by department
$(document).ready(function(){
    filter_class(1);

   function filter_class(page)
   {
       $('.filter_class').html('<div id="loading" style="" ></div>');
       var action = 'fetch_data';
       var department = get_filter1('department');
       var faculty = get_filter1('faculty');
       $.ajax({
           url:"index.php/classlecture/pagination/"+page,
           method:"POST",
           dataType:"JSON",
           data:{action:action, department:department, faculty:faculty},
           success:function(data)
           {
               $('.filter_class').html(data.classlec_table);
               
               $('#pagination_class').html(data.pagination_class);
           }
       })
   }

   function get_filter1(class_name)
   {
       var filter = [];
       $('.'+class_name+':checked').each(function(){
           filter.push($(this).val());
       });
       return filter;
   }

   $(document).on('click', '.pagination li a', function(event){
       event.preventDefault();
       var page = $(this).data('ci-pagination-page');
       filter_class(page);
   });

   $('.common_selector').click(function(){
       filter_class(1);
   });
 });

 // filter by bed side lecture
$(document).ready(function(){
    $("#searchclasslecture").on("keyup", function() {
      var value = $(this).val().toLowerCase();
      $("#classelec_table .col-lg-3").filter(function() {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
      });
    });
    
     // search by department
    
    $("#searchbyclassdepartment").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#searchclassby li").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
      });
    
    // search by faculty
    
    $("#searchclassbyfaculty").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#searchclassfaculty li").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
      });
       // search by faculty
    
    $("#searchplaylist").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#searchclasslist li").filter(function() {
          $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
      });
  });

  var room = 1;
  function education_fields() {
   //debugger;;
   //$(".lecturesec").clone().appendTo("education_fields");
      room++;
      var objTo = document.getElementById('education_fields')
      var divtest = document.createElement("div");
      divtest.setAttribute("class", "form-group removeclass"+room);
      var rdiv = 'removeclass'+room;
      
      divtest.innerHTML = `<div class="row">
      <div class="col-md-12 nopadding">
      <div class="form-group">
      <div class="mt-30 lbel25">
              <label>Section*</label>
          </div>
     
          <select name="section[]" required="required" id="section" class="form-control section1">
              </select>
      </div>
  </div>
      <div class="col-md-4 nopadding">
 <div class="form-group">
 <input type="text" class="form-control" id="starttime" name="starttime[]" placeholder="00:00" value="">
 </div>
 </div>
 <div class="col-md-4 nopadding">
 
 <div class="form-group">
 <input type="text" class="form-control" id="endtime" name="endtime[]" placeholder="00:00" value="">
 </div>
 </div>
 
 <div class="col-md-4 nopadding">
 <div class="form-group">
 <div class="input-group">
 
 <div class="input-group-btn">
 <button class="btn-sm btn-success" type="button"  onclick="education_fields(`+room+`);"><i class='uil uil-plus-circle icons-size'></i> </button>
 &nbsp;<button class="btn-sm btn-danger" type="button"  onclick="remove_education_fields(`+room+`);"><i class='uil uil-times-circle icons-size'></i> </button>
 
 </div>
 </div>
 
 </div>
 
 </div>`;
 
      objTo.appendChild(divtest);
      $('.section option').clone().appendTo('.section1');
  }
     function remove_education_fields(rid) {
         //debugger;;
         $('.removeclass'+rid).remove();
     }
     var rooms = 1;
     function image_fields() {
      //debugger;;
      //$(".lecturesec").clone().appendTo("education_fields");
         room++;
         var objTo = document.getElementById('image_fields')
         var divtest = document.createElement("div");
         divtest.setAttribute("class", "form-group removeclass"+rooms);
         var rdiv = 'removeclass'+room;
         
         divtest.innerHTML = `<div class="row">
        
         
         <div class="col-md-12 nopadding">
         <label>Title</label>
         <input type="text" class="form-control" id="imageTitle`+rooms+`" name="imageTitle[]" placeholder="image title">
    </div>
 
    <div class="col-md-7 mt-10 nopadding">
    
    <label>Image </label>
    <input type="file" id="files`+rooms+`" name="imageName[]" onchange="return ValidateFile(this);">
    </div>
    
    <div class="col-md-5 mt-10 nopadding">
    <div class="form-group">
    <div class="input-group">
    
    <div class="input-group-btn">
    &nbsp;
    <button class="btn-sm btn-success" type="button"  onclick="image_fields(`+rooms+`);"><i class='uil uil-plus-circle icons-size'></i> </button>
    &nbsp;<button class="btn-sm btn-danger" type="button"  onclick="remove_image_fields(`+rooms+`);"><i class='uil uil-times-circle icons-size'></i> </button>
    
    </div>
    </div>
    
    </div>
    
    </div>`;
    
         objTo.appendChild(divtest);
         $('.section option').clone().appendTo('.section1');
         rooms ++;
     }
        function remove_image_fields(rid) {
            //debugger;;
            $('.removeclass'+rid).remove();
        }
  // video duration
 
  var videoduration = function(){
    var videoid  = document.getElementById("video");
   // alert(videoid.currentTime);
    $('#startime').val(videoid.currentTime);
  }
 
 
   function setduration(s,l){
     var video = document.getElementById('videoid');
     var dataval = $('#videourldata').val();
     var starttime = s;
     var endtime = l;
     var url = dataval;
     var updatedUrl ='';
     var hash = url.split('#')[1]
     if(hash)
     {
       updatedUrl = url.substring(0, url.lastIndexOf("#"));
 
   }
   else{
     updatedUrl = url;
   }
 
      var nexturl = updatedUrl+'#t='+starttime+','+endtime;
     //alert(nexturl);
     $('#videoid source').attr('src',nexturl);
     $('#videoid12 source').attr('src',nexturl);
     video.load();
     video.play();
 
   }