@extends('admin::layouts.plane')
@section('page_heading') {{$title}} @endsection
@section('content')
<div class="col-lg-10">
    <div class="panel panel-default filterable">
        <div class="panel-heading">
            <div class="panel-title">{{$title}}</div>
            <div class="text-right">[ <a href="subTeacherReport">View Report</a> ]</div>
        </div>
        
        <div class="panel-body"> 
          {{ Form::open(array('url' => 'resultanalysis/uploadResultSheet', 'method' => 'post', 'autocomplete' => 'off', 'class' => 'form-horizontal', 'files' => true)) }}
              
              <div class="form-group required">
                {{ Form::label('name', 'Choose School', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6"> 
                     @php $school = ''; if(!empty($_POST['school'])) $school = $_POST['school']; @endphp 
                     {{ Form::select('school', $schools_list_arr, $school, ['placeholder' => '- Select School -', 'class' => 'form-control school', 'id' => 'school', 'required' => '']) }}
                </div>
              </div>
              <div class="form-group required">
                {{ Form::label('name', 'Choose Class', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">
                     @php $current_class = -13; 
                     if(isset($_POST['current_class'])) 
                        $current_class = $_POST['current_class'];  
                     @endphp
                    {{ Form::select('current_class', $arrClasses, $current_class, ['placeholder' => '- Select Class -', 'class' => 'form-control current_class', 'id' => 'current_class', 'required' => '']) }}
                </div>     
              </div>
              <div class="form-group required">
                {{ Form::label('name', 'Choose Section', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">  
                      @php $section = ''; if(!empty($_POST['section'])) $section = $_POST['section']; @endphp 
                     {{ Form::select('section', $sections, $section, ['placeholder' => '- Select Section-', 'class' => 'form-control', 'id' => 'section', 'required' => '']) }}
                </div>  
              </div>
              <div class="form-group required">
                {{ Form::label('name', 'Choose Board', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">  
                      @php $Board = ''; if(!empty($_POST['Board'])) { $Board = $_POST['Board']; }else{ $Board = 'CBSE'; } @endphp 
                     {{ Form::select('Board', ["CBSE"=>"CBSE","IB"=>"IB","CAIE"=>"CAIE"], $Board, ['placeholder' => '- Select Board-', 'class' => 'form-control', 'id' => 'board', 'required' => '']) }}
                </div>
              </div> 
              <div class="form-group required">
                {{ Form::label('name', 'Choose Term Type', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">  
                      @php $termType = ''; if(!empty($_POST['termType'])) { $termType = $_POST['termType']; }else{ $termType = ''; } @endphp 
                     {{ Form::select('termType', ['Pre Mid Term'=>'Pre Mid Term','Post Mid Term'=>'Post Mid Term','Half Yearly'=>'Half Yearly','Final'=>'Final'], $Board, ['placeholder' => '- Select Board-', 'class' => 'termType form-control', 'id' => 'termType', 'required' => '']) }}
                </div>
              </div>                            
              <div class="form-group required">
                {{ Form::label('name', 'Choose Session', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">
                  @php $session = ''; if(!empty($_POST['session'])){ $session = $_POST['session']; }else{ $session = ''; } @endphp 
                  {{ Form::select('session', $session_list, $session, ['placeholder' => '- Select Session-', 'class' => 'form-control', 'id' => 'session', 'required' => '']) }}
                <!--
                {{ Form::select('session', ['2019-20'=>'Old Session','2020-21'=>'New Session'], '$session', ['placeholder' => '- Select Session-', 'class' => 'form-control', 'id' => 'session', 'required' => '']) }}-->
                </div>  
              </div>
              <!--Code to display teacher display for selected class -->
              <div class="form-group required">
                <div class="col-sm-3">
                </div>
                <div class="col-sm-6">              
                  <table class='table' id="share"></table>
                </div>
              </div>
              <!--Code to display teacher display for selected class -->


              <div class="form-group required resultTypeDiv" style="display: none">
                {{ Form::label('name', 'Choose Result Type', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">   
                      @php $resultType = ''; if(!empty($_POST['resultType'])) $resultType = $_POST['resultType']; @endphp
                      <font color="green"><b>
                      {{ Form::radio('resultType', 'Pre Mid Term' , true) }} Pre Mid Term<br>
                      {{ Form::radio('resultType', 'Half Yearly' , false) }} Half Yearly<br>
                      {{ Form::radio('resultType', 'Post Mid Term' , false) }} Post Mid Term<br>
                      {{ Form::radio('resultType', 'Final' , false) }} Final<br></b>
                      </font>
                      <font color="blue"><b>
                      <br>{{ Form::radio('resultType', 'Co-Scholastic Term 1' , false) }} Co-Scholastic Term 1<br>
                      {{ Form::radio('resultType', 'Co-Scholastic Term 2' , false) }} Co-Scholastic Term 2<br>
                      {{ Form::radio('resultType', 'Discipline Term 2' , false) }} Discipline  Term 1<br>
                      {{ Form::radio('resultType', 'Discipline Term 2' , false) }} Discipline  Term 2<br>
                      </font>
                </div>
              </div>
              <div class="form-group uploadBtnDiv" style="display: none">
                {{ Form::label('', '', array('class' => 'control-label col-sm-3')) }}
                <div class="col-sm-6">
                    <button name="sub" value="Search" class="btn btn-primary">Upload Result Excel</button>
                </div>
              </div>

          {{ Form::close() }}
          </div>
        </div>
    </div>
</div>    
<script type="text/javascript">
    $(document).ready(function () {
        $("#current_class").select2();
        $("#school").select2();
    }); 
</script>
<script type="text/javascript">
$("#school, #current_class, #section, #board, #termType").change(function(e){
  $('#share').html("");
  $('#session').val("");
  $(".resultTypeDiv").hide(); 
  $(".uploadBtnDiv").hide();
});
$("#session").change(function(e){
    var session = this.value;
    var school = $(this).parent().parent().parent().find('#school').val();
    var current_class = $(this).parent().parent().parent().find('#current_class').val();
    var board = $(this).parent().parent().parent().find('#board').val();
    var section = $(this).parent().parent().parent().find('#section').val();
    var termType = $(this).parent().parent().parent().find('#termType').val();
    var thisScope = this;
    var getAllSchoolArray = null;
    console.log(getAllSchoolArray);
    if(school != '' && current_class !='' && board!='' && section!='' && session!= ''){
    //alert(session+'---'+school+'---'+current_class+'---'+board+'---'+section);
      $.ajax({
          url: "{{url('/')}}/config/getSubjectList", 
          type: "GET",
          data: {session:session, school:school, current_class:current_class, board:board, section:section,termType:termType},
          dataType: "json",       
          success: function(data)
          {
              //console.log(data);
              var subjectTeacher = [];
              var subjectTeacherCtAr = [];
              var subjectArr = [];
              var subjectSchool = [];
              var subjectTeacherName = [];
              var ct = 0;
              $.each(data.subjectTeacherArray, function(key2, value2) {
                subjectTeacher[key2] = value2;
                subjectTeacherCtAr[ct] = value2;
                ct++;
              });
              $.each(data.subjectSchoolArray, function(key2, value2) {
                subjectSchool[key2] = value2;
              });
              $.each(data.subjectTeacherNameArray, function(key3, value3) {
                subjectTeacherName[key3] = value3;
              });                
              var sno = 1;
              $('#share').html("");
              $('#share').append("<tr><td><b>S No.</b></td><td><b>Subject Name</b></td><td><b>School</b></td><td><b>Teacher Name</b></td><td><b>Existing Assign Teacher</b></td><td><b>Action</b></td></tr>");           
              $.each(data.subjects, function(key, value) {
                  subjectArr[sno-1] = value;
                  $('#share').append("<tr><td>"+sno+".</td><td><input type='hidden' value="+school+" id='school_id' class='school_id' name='school_id'/><input type='hidden' value="+current_class+" id='current_class' class='current_class' name='current_class'/><input type='hidden' value="+section+" id='section' class='section' name='section'/><input type='hidden' value='"+termType+"' id='termType' class='termType' name='termType'/><input type='hidden' value="+board+" id='board' class='board' name='board'/><input type='hidden' value="+session+" id='session' class='session' name='session'/><input type='hidden' value="+key+" id='subject_id' class='subject_id' name='subject_id'/>"+value+"</td><td><select name='schoolId' class='schoolId' id='schoolId"+key+"'><option value=''>Select School</option></select></td><td><select name='teacher_id' class='teacher_id' id='teacher_id"+key+"'><option value=''>Select Subject Teacher</option></select></td><td id='existing_teacher_"+key+"' class='existing_teacher'>Existing Teacher</td><td><span class='buttonSpace'></span><button type='button' class='btn btn-primary btn-sm saveTeacher'>Save</button><div class='loader' id='loader-4' style='display: none'><span></span><span></span><span></span></div></td></tr>");
                  /*
                  $.each(data.teachers, function(key1, value1) {
                    //console.log(data.teachers);
                    //console.log(subjectTeacher[key],'---',key1);
                    if(subjectTeacher[key] == key1){
                      $('#teacher_id'+key).append($("<option></option>").attr("value",key1).attr("selected","selected").text(value1));
                      $(thisScope).parent().parent().parent().find('.saveTeacher').removeClass("btn btn-primary btn-sm"); 
                      $(thisScope).parent().parent().parent().find('.saveTeacher').addClass("btn btn-success btn-sm"); 
                    }else{
                      $('#teacher_id'+key).append($("<option></option>").attr("value",key1).text(value1));
                    }
                  });
                  */ 
                  $('#existing_teacher_'+key).text(subjectTeacherName[key]).data('emp_id',subjectTeacher[key]);
                  $.each(getAllSchoolArray, function(key2, value2) {
                      if(subjectSchool[key] == key2){
                        $('#schoolId'+key).append($("<option></option>").attr("value",key2).attr("selected","selected").text(value2)); 
                        $('#schoolId'+key).trigger('change');
                      }else{
                        $('#schoolId'+key).append($("<option></option>").attr("value",key2).text(value2)); 
                      }
                  });
                  sno++;
              });
              $(".teacher_id").select2();
              $(".schoolId").select2();
              chkTeacherDataSaved(subjectArr,subjectTeacherCtAr);
          },
          error: function(data) {
              alert("Sorry!");
          }
      });
    }else{
      $(this).parent().parent().parent().find('#session').val('');
      alert("Please select the School, Class, Section and Board.");
      return false;
    }      
});



$(document).on('change', '.schoolId', function(e) {
    var schoolId = this.value;
    var nextTdElement = $(this).closest('td').next(); // Get the next <td> element
    var nextSelect2 = nextTdElement.find('select'); // Find the Select2 dropdown within the next <td> element
    var nextSelect2ID = nextSelect2.attr('id'); // Get the selected value from the next Select2 dropdown
    //console.log('nextSelect2ID:', nextSelect2ID);
    var thisScope = this;
    $.ajax({
      url: "{{url('/')}}/config/getTeacherList", 
      type: "GET",
      data: {schoolId:schoolId},
      dataType: "json",
      beforeSend  : function(){
          // Show image container
          $(thisScope).parent().parent().find('.loader').show();
      },        
      success: function(data)
      {
          //console.log(data);
          $('#' + nextSelect2ID).empty();
          $.each(data, function(key3, value3) {
            $('#'+nextSelect2ID).append($("<option></option>").attr("value",key3).text(value3)); 
          });
          const emp_id_cont = $('#'+nextSelect2ID).parent().parent().find('.existing_teacher');
          const emp_id =emp_id_cont.data('emp_id');
          if(emp_id){
            $('#'+nextSelect2ID).val(emp_id);
          }
      },
      error: function(data) {
          alert("Sorry! Some error occurred during fetch teacher list.");
          $(thisScope).parent().parent().find('.loader').hide();
          $(thisScope).parent().parent().find('.saveTeacher').hide();           
      },
      complete   : function(data){
          // Hide image container
          $(thisScope).parent().parent().find('.loader').hide();
      }
    });
});


/*
$(document).on('change', '.teacher_id', function(e) {
    var emp_id = this.value;
    var thisScope = this;
    $.ajax({
      url: "{{url('/')}}/config/chkQualification", 
      type: "GET",
      data: {emp_id:emp_id},
      dataType: "json",
      beforeSend  : function(){
          // Show image container
          $(thisScope).parent().parent().find('.loader').show();
          $(thisScope).parent().parent().find('.saveTeacher').hide();        
      },        
      success: function(data)
      {
          console.log(data.message);
          if(data.message){
            $(thisScope).parent().parent().find('.buttonSpace').html('');
            $(thisScope).parent().parent().find('.loader').hide();
            $(thisScope).parent().parent().find('.saveTeacher').show();
            $(thisScope).parent().parent().find('.saveTeacher').removeClass("btn btn-success btn-sm"); 
            $(thisScope).parent().parent().find('.saveTeacher').addClass("btn btn-primary btn-sm");            
          }else if(data.error){
            alert("Sorry! Qualification/Experience/Subjects not added.");
            $(thisScope).parent().parent().find('.loader').hide();
            $(thisScope).parent().parent().find('.saveTeacher').hide();
            $(thisScope).parent().parent().find('.buttonSpace').html(data.error);
            $(".resultTypeDiv").hide(); 
            $(".uploadBtnDiv").hide(); 
          }
      },
      error: function(data) {
          alert("Sorry! Some error occurred during fetch qualification/experience.");
          $(thisScope).parent().parent().find('.loader').hide();
          $(thisScope).parent().parent().find('.saveTeacher').hide();           
      },
      complete   : function(data){
          // Hide image container
          $(thisScope).parent().parent().find('.loader').hide();
      }
    });
});
*/
$(document).on('click', '.saveTeacher', function(e) {
  var emp_id = $(this).parent().parent().find('.teacher_id').val();
  if(emp_id != '' && emp_id != '0'){
    var subject_id = $(this).parent().parent().find('.subject_id').val();
    var school_id = $(this).parent().parent().find('.school_id').val();
    var current_class = $(this).parent().parent().find('.current_class').val();
    var board = $(this).parent().parent().find('.board').val();
    var session = $(this).parent().parent().find('.session').val();
    var section = $(this).parent().parent().find('.section').val();
    var termType = $(this).parent().parent().find('.termType').val();
    var from_school = $(this).parent().parent().find('.schoolId').val();
    //alert("asdsd"+termType);
    var thisScope = this;
    $.ajax({
          url: "{{url('/')}}/config/saveSubjectTeacherData", 
          type: "GET",
          data: {emp_id:emp_id, subject_id:subject_id, school_id:school_id, current_class:current_class, board:board, session:session, section:section, termType:termType,from_school:from_school},
          dataType: "json",
          beforeSend  : function(){
              // Show image container
              $(thisScope).parent().parent().find('.loader').show();
              $(thisScope).parent().parent().find('.saveTeacher').hide();        
          },        
          success: function(data)
          {
              //console.log(data.message);
              var subjectTeacherCtAr = [];
              var subjectArr = [];
              var ct = 0;
              $.each(data.subjectTeacherArray, function(key2, value2) {
                subjectTeacherCtAr[ct] = value2;
                ct++;
              });
              var sno = 0;
              $.each(data.subjects, function(key, value) {
                  subjectArr[sno] = value;
                  sno++;
              });
              chkTeacherDataSaved(subjectArr,subjectTeacherCtAr);            
              alert(data.message);
          },
          error: function(data) {
              alert("Sorry! Some error occurred during add/update.");
          },
          complete   : function(data){
              // Hide image container
              $(thisScope).parent().parent().find('.loader').hide();
              $(thisScope).parent().parent().find('.saveTeacher').show(); 
              $(thisScope).parent().parent().find('.saveTeacher').removeClass("btn btn-primary btn-sm"); 
              $(thisScope).parent().parent().find('.saveTeacher').addClass("btn btn-success btn-sm"); 
          }
      });
  }else{
    alert("Please select the teacher.");
  }
}); 

function chkTeacherDataSaved(subjectArray, teacherArray){
  // var teacherArrayCt = teacherArray.length;
  //var subjectArrayCt = subjectArray.length;
  
}

</script>
<style type="text/css">
/* ALL LOADERS */
a{
  text-decoration: none;
}

.main-wrap {
    background: #000;
        text-align: center;
}
.main-wrap h1 {
        color: #fff;
            margin-top: 50px;
    margin-bottom: 100px;
}
.col-md-3 {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
      background-color: #eee;
  padding: 50px 0;
}

.col:first-of-type {
  margin-left: 0;
}

.loader{
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
  float: right;
}

.loader2{
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
  float: right;
}


/* LOADER 4 */
#loader-4 span{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #3498db;
  opacity: 0;
}

#loader-4 span:nth-child(1){
  animation: opacitychange 1s ease-in-out infinite;
}

#loader-4 span:nth-child(2){
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader-4 span:nth-child(3){
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}
</style>
@stop