@php
if (count($keyStages) > 0) {
$firstStage = $keyStages->first()->id;
}
@endphp
@extends('frontend.layouts.default')
@section('content')
<section class="revision">
  <div class="container">
    <div class="beta-position"><div class="btn btn-beta shadow">BETA</div></div>
    <div id="div_list">
      @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
          @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
          @endforeach
        </ul>
      </div>
      @endif
      <form class="row 3" method="post" novalidate="novalidate" id="q_form" name="question_form" enctype="multipart/form-data">
        {{ csrf_field() }}
        @if($type_id == 2 )
        <div class="col-lg-12 mb-2" @if($slug == 'index') style="display:none;" @endif>
          <div class="card border-0">
            <div class="card-body">
              <div class="d-flex align-items-center">
                @foreach($wskeyStages as $key=>$keyStage)
                <button type="button" class="btn btn-class me-1 mb-1 btn-wks btn-wks-{{ $keyStage->id }}"
                onclick="WorkSheetsetKeystage(this.id)" id="{{ $keyStage->id }}"> {{ $keyStage->stage_name }}</button>
                @endforeach
              </div>
              <div id="worksheetDiv"></div>
            </div>
          </div>
        </div>
        @endif
        <div class="floatcard sticky-top mb-2" @if($type_id == 1 ) style="display:none;" @endif>
          <div class="card border-0 shadow-sm">
            <div class="card-body">
              <div class="box-body">
                <div class="questions_module">
                  <div class="row g-3 align-items-center syll-head">
                    <div class="col-md-5">
											@if(SESSION::get('slug')=='worksheet-generator')
											<ol class="text-start mb-0 me-2">
												<li>Select the topics below</li>
												<li>Select the number of questions for each topic</li>
											</ol>
											@endif
                    </div>
										<div class="col-md-3">
                      <div class="d-flex align-items-center justify-content-center text-center">
                        <button type="button" class="btn btn-count selqstn" value="5" onclick="questionSelected($(this).val())" id="btnqno-5">5</button>
                        <button type="button" class="btn btn-count selqstn" value="10" onclick="questionSelected($(this).val())" id="btnqno-10">10</button>
                        <button type="button" class="btn btn-count-blue selqstn"
                          value="show_all_qs" onclick="questionSelected($(this).val())" id="btnqno-show_all_qs">Show all Qs</button>
                      </div>
                    </div>
                    <div class="col-auto">
                      <div class="btn totalQuestions">0</div>
                    </div>
                    <div class="col-md-1 startbtn">
                      <button type="button" id="start_quiz" class="btn btn-success">Next</button>
                    </div>
                    <div class="col startbtn">
                      <button type="button" id="reset_quiz" class="btn btn-outline-primary float-end" style=" @if($type_id == 1)display: none;@endif">
                        Reset
                      </button>
                    </div>
                  </div>
                  <input type="hidden" id="current_question_number"/>
                </div>
              </div>
            </div>
          </div>
        </div>
        @if($type_id == 2)
        <div class="col-lg-12 mb-2">
          <div class="row g-2 syllubus-div">
            <div class="col-md-12 no-data-found" 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-md-6" id="col-paper1">
            </div>
            <div class="col-md-6" id="col-paper2">
            </div>
          </div>
          <div class="question-div">
          </div>
        </div>
        @elseif($type_id == 1)
        <div class="col-lg-12 resource-tab">
          <div class="row g-3">
            <div class="col-lg-4">
              <div class="card border-0 shadow resource-option sticky-top">
                <div class="card-body">
                  <table class="table mb-0">
                    <tbody>
                      <tr>
                        <th>
                          @foreach ($keyStages as $key => $keyStage)
                          <button type="button" class="btn btn-primary btn-sm mb-2 btn-ks btn-ks-{{ $keyStage->id }}" onclick="setKeystage(this.id)"
                            id="{{ $keyStage->id }}">{{ $keyStage->stage_name }}
                          </button>
                          @endforeach
                        </th>
                      </tr>
                    </tbody>
                    <tbody id="table-row">
                    </tbody>
                  </table>
                  <div class="form-group">
                    <div class="col-sm-2 qstn-btn-wrapper">
                      <input type="hidden" name="keystage_id" id="keystage_id" value="0">
                      <input type="hidden" name="board_id" id="board_id" value="0">
                      <input type="hidden" name="comsep_id" id="comsep_id" value="0">
                      <input type="hidden" name="question_type_id" id="question_type_id" value="0">
                      <input type="hidden" name="subject_id" id="subject_id" value="0">
                      <input type="hidden" name="level_id" id="level_id" value="0">

                      <input type="hidden" name="keystage_id" id="sel_keystage_id" value="0">
                      <input type="hidden" name="board_id" id="sel_board_id" value="0">
                      <input type="hidden" name="comsep_id" id="sel_comsep_id" value="0">
                      <input type="hidden" name="question_type_id" id="sel_question_type_id" value="0">
                      <input type="hidden" name="subject_id" id="sel_subject_id" value="0">
                      <input type="hidden" name="level_id" id="sel_level_id" value="0">
                      <input type="hidden" name="levelexist" id="levelexist" value="0">
                      <input type="hidden" name="sel_stage" id="sel_stage" value="0">
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-8">
              <div class="card border-0 shadow resource-detail">
                <div class="card-body">
                  <div class="box-body">
                    <div class="row">
                      <div class="col-md-12 no-data-found" style="display:none;">
                        <div class='title'>No videos and quizzes found</div>
                      </div>
                      <div class="col-md-12" id="col-paper1s">
                        <div class="scroll-content" id="topic-72">
                          <div id="resource-list"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        @else
        @php
        $btntxt = $type_id == 2?'Worksheet Generator':'';
        @endphp
        <div class="text-center">
          <button type="button" class="btn btn-primary btn-lg worksheet-generator" style="display: none;">Start {{ $btntxt}}</button>
        </div>
        @endif
        <div class="form-group row">
          <label for="inputEmail3" class="col-sm-10 control-label"></label>
          <div class="col-sm-2 qstn-btn-wrapper">
            <input type="hidden" name="subject_id" id="subject_id">
            <input type="hidden" name="keystage_id" id="curriculum_id" value="">
            <input type="hidden" name="question_type" id="question_type">
            <input type="hidden" name="select_topic" id="select_topic">
            <input type="hidden" name="wskeystage_id" id="wskeystage_id" value="0">
            <input type="hidden" name="wsboard_id" id="wsboard_id" value="0">
            <input type="hidden" name="wscomsep_id" id="wscomsep_id" value="0">
            <input type="hidden" name="wsquestion_type_id" id="wsquestion_type_id" value="0">
            <input type="hidden" name="wssubject_id" id="wssubject_id" value="0">
            <input type="hidden" name="wslevel_id" id="wslevel_id" value="0">
            <input type="hidden" name="wstopic_id" id="wstopic_id" value="0">

            <input type="hidden" name="wskeystage_id" id="wssel_keystage_id" value="0">
            <input type="hidden" name="wsboard_id" id="wssel_board_id" value="0">
            <input type="hidden" name="wscomsep_id" id="wssel_comsep_id" value="0">
            <input type="hidden" name="wsquestion_type_id" id="wssel_question_type_id" value="0">
            <input type="hidden" name="wssubject_id" id="wssel_subject_id" value="0">
            <input type="hidden" name="wslevel_id" id="wswssel_level_id" value="0">
            <input type="hidden" name="wstopic_id" id="wswssel_topic_id" value="0">
            <input type="hidden" name="wslevelexist" id="wslevelexist" value="0">
            <input type="hidden" name="wssel_stage" id="wssel_stage" value="0">
          </div>
        </div>
      </form>
      <div id="div_questions" style="display: none;">
        <div class="row">
          <div class="col-xl-12">
            <div class="card card-custom gutter-b">
              <div class="card-body ">
                <div class="card-body flex-grow-1" id="questions">
                  <div class="row">
                    <div class="col-lg-12" id="questionDataDiv">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection
@section('scripts')
<script src="{{ asset('js/pages/question/question.js') }}"></script>
<script>
  var questionUrl = "{{ url('teacher/lsq') }}";
  // $('#overlay').fadeIn();
  var checkedIds = Array();
  var paper1_topic_count = 0;
  var paper2_topic_count = 0;
  
  $(document).ready(function ()
  {
    @if($type_id == 2)
   //   $(".btn-wks").first().addClass('active');
     // var keystage = $(".btn-wks").first().attr('id');
     // if(keystage) 
     // {
      //  setWorkSheetStages(keystage);
    //  }
    @endif
    @if($type_id == 23)
      $("#start_quiz").show();
      $(".questions_module").show();
      @else
      setSubject(1);
      setCurriculum({{$curriculum_id}});
      @endif
      $("#start_quiz").hide();
  });

  function WorkSheetsetKeystage(keystage)
  {
      $("#wskeystage_id").val(keystage);
      $(".btn-wks").removeClass('active');
      $(".btn-wks-"+keystage).addClass('active');
      if(keystage) 
      {
        setWorkSheetStages(keystage);
      }  
      $(".syllubus-div").hide();
  }

  function WorkSheetsetExamBoard(board_id)
  {
    $('#wsboard_id').val(board_id);
    $('.btn-wex').removeClass('active');
    $('.btn-wex-'+board_id).addClass('active');
    $(".wsubjectdiv").css('display','block');
    $(".syllubus-div").hide();
  }

  function WorkSheetsetComsep(comsep_id)
  {
   $('#wscomsep_id').val(comsep_id);
   $('.btn-wcs').removeClass('active');
   $('.btn-wcs-'+comsep_id).addClass('active');
   $(".syllubus-div").hide();
  }

  function WorkSheetsetQuestiontype(question_type_id)
  {
    $('#wsquestion_type_id').val(question_type_id);
    $('.btn-wqt').removeClass('active');
    $('.btn-wqt-'+question_type_id).addClass('active');
  }

  function WorkSheetsetSubject(subject_id)
  {
    $('#wssubject_id').val(subject_id);
    $('.btn-wsb').removeClass('active');
    $('.btn-wsb-'+subject_id).addClass('active');
    setTopics();
    $(".syllubus-div").hide();
  }

  function WorkSheetsetResourceTopics(topic_id)
  {
    $('#wstopic_id').val(topic_id);
    $('.btn-wst').removeClass('active');
    $('.btn-wst-'+topic_id).addClass('active');
  }

  var paper1_load = 0;
  var paper2_load = 0;
  function getQuestions(paper_id,load)
  {
      $('.no-data-found').hide();
      if (load == 0) {
          $(".loader").hide();
          $('#col-paper1').html('');
          $('#col-paper2').html('');
      }
      if (paper_id == 1)
          paper1_load = load;
      else
          paper2_load = load;
  
      var country_id = $("#country_id").val();
      var wskeystage_id = $("#wskeystage_id").val();
      var wsboard_id = $("#wsboard_id").val();
      var wscomsep = $("#wscomsep").val();
      var wsquestion_type_id = $("#wsquestion_type_id").val();
      var wssubject_id = $("#wssubject_id").val();
      var wstopic_id = $("#wstopic_id").val();      
      var token = "{{ csrf_token() }}";
      if (curriculum_id != '' && subject_id != '') {
          $.ajax({
              url: "{{ url('/teacher-exam-questions/getQuestions') }}",
              type: "POST",
              data: {
                  //'country_id': country_id,
                  'curriculum_id': wskeystage_id,
                  'keystage_id':wskeystage_id,
                  'board_id':wsboard_id,
                  'comsep':wscomsep,
                  'question_type_id':wsquestion_type_id,
                  'subject_id':wssubject_id,
                  'topic_id':wstopic_id,
                  'paper_id': paper_id,
                  'load': load,
                  _token: token
              },
              dataType: "html"
          }).done(function (data) {
              if (load == 0) {
                  if (paper_id == 1)
                       $('#col-paper1').html(data);
                  else
                      $('#col-paper2').html(data);
              } else {
                  if (paper_id == 1)
                      $('#col-paper1').append(data);
                  else
                      $('#col-paper2').append(data);
              }
  
              if (paper_id == 1 && paper1_load < paper1_topic_count) {
                  paper1_load++;
                 getQuestions(1, paper1_load);
              } else if (paper_id == 2 && paper2_load < paper2_topic_count) {
                  paper2_load++;
                  
                 getQuestions(2, paper2_load);
              }
              $('#overlay').fadeOut();
            })
        }
    }
  
  function setWorkSheetStages(keystage_id)  
  {
    currentStage = 1;
    isResources = false;
    $("#wskeystage_id").val(keystage_id);
    $(".btn-wks").removeClass("active");
    $(".btn-wks-" + keystage_id).addClass("active");
    $("#table-row").html("");
    $("#resource-list").html("");

    $("#wssel_keystage_id").val(0);
    $("#wssel_board_id").val(0);
    $("#wssel_comsep_id").val(0);
    $("#wssel_question_type_id").val(0);
    $("#wssel_subject_id").val(0);
    $("#wssel_level_id").val(0);
    $("#wssel_stage").val(0);

    var wsstages_url = "{{ url('teacher-exam-questions/getWorkSheetStages') }}";
    $.ajax({
        url: wsstages_url + "/" + keystage_id,
        type: "GET",
        dataType: "json",
    }).done(function (data) 
    {
        if (data.flagError) {
            showAlert(data.message, "error");
        }
        else {
            $("#worksheetDiv").html("");
            $("#worksheetDiv").append(data.html);
            $(".wsubjectdiv").css('display','none');
            @if($examBoardId != '')
                WorkSheetsetExamBoard({{$examBoardId}});
            @endif
        }
    });
  }
  
  $(document).on('click', '.selected_topic', function () {
      if ($("#select_topic").val() == 1) {
          //
      } else {
          $("#select_topic").val(1);
          $(".questions_module").show();
          $(".questions_module").show();
      }
  });
  
  function selectedTopic(unit_id) {
      if ($.inArray(unit_id, checkedIds) == -1) {
          checkedIds.push(unit_id);
      }
      else {
          checkedIds.splice($.inArray(unit_id, checkedIds), 1);
          $("#selected_topic_" + unit_id).removeClass("active");
      }
      $.each(checkedIds, function (index, value) {
          $("#selected_topic_" + value).addClass("active");
      });
      var current_question_number = $("#current_question_number").val();
      if (current_question_number != 0) {
          questionSelected(current_question_number);
      }  
  }
  
  function questionSelected(value) {
     @if($quiz_id == 2 || $quiz_id == 3)
          var quizCount = value;
       @else
      var val = checkedIds.length;
      var quizCount = val * value;
      @endif
      $(".selqstn").removeClass('active');
      $(".selqstn").removeClass('active');
      if(value == 'show_all_qs') {
        $("#btnqno-" + value).addClass('active');
      }
      else{
        $("#btnqno-" + value).addClass('active');
      }
      if(value == 'show_all_qs') {
        var qcount  = 0 ;
        $('.selected_topic').each(function(i, obj) {
               if($(this).hasClass('active')) {
                     qcount  = parseInt(qcount) + parseInt($(this).attr('data-count'));
               }
        });
        $("#start_quiz").removeClass('disabled');
        $('#start_quiz').removeAttr("disabled");
        $("#start_quiz").addClass("btn-kgreen");
        $("#reset_quiz").show();
        $(".totalQuestions").html(qcount + ' Qs ');
        $("#current_question_number").val(value);       
      }
      else{
           var qcount = 0;
          // var val = checkedIds.length;
          // var quizCount = val * value;
           $('.selected_topic').each(function(i, obj) {
               var val  = 0 ;
              if($(this).hasClass('active')) {
                  if(parseInt($(this).attr('data-count'))>= parseInt(value)) {
                         var val = value; 
                  }
                  else{
                         var val = $(this).attr('data-count');
                  }
                  qcount  = parseInt(qcount) + parseInt(val); 
               }
           });
        $(".totalQuestions").html(qcount + ' Qs ');
        $("#current_question_number").val(value);
      }
      $(".quiz_div").show();
      @if($quiz_id == 2 || $quiz_id == 3)
      $("#start_quiz").removeClass('disabled');
      $('#start_quiz').removeAttr("disabled");
      $("#start_quiz").addClass("btn-kgreen");
      showQuiz();
      @else
      $("#start_quiz").show();
      if(val>0)
      {
        $("#start_quiz").removeClass('disabled');
        $('#start_quiz').removeAttr("disabled");
        $("#start_quiz").addClass("btn-kgreen");
        $("#reset_quiz").show();
      }else{
        if(value != 'show_all_qs') {
        $("#start_quiz").removeClass('btn-kgreen');         
        $('#start_quiz').attr('disabled', true);
        $("#start_quiz").addClass("disabled");
        }
      }
      @endif 
  }

  function setCurriculum(curriculum_id) {
      $('#curriculum_id').val(curriculum_id);
      $('.btn-eb').removeClass('active');
      $('.btn-eb-' + curriculum_id).addClass('active');

      checkedIds = Array();
  
      @if($type_id == 2)
      $("#start_quiz").show();
      @else
      //$("#start_quiz").show();
      //$("#start_quiz").addClass("btn-green");
      @endif
  
      setTopics();
  }

  function setSubject(subject_id) {
      $('#subject_id').val(subject_id);
      $('.btn-sb').removeClass('active');
      $('.btn-sb-' + subject_id).addClass('active');

      checkedIds = Array();
  
      @if($type_id == 2)
      $("#start_quiz").show();
      @else
      //$("#start_quiz").show();
      //$("#start_quiz").addClass("btn-green");
      @endif
  
      setTopics();
  }

  
  $(".formula-practice").click(function (e) {
      e.preventDefault();
      startQuiz();
  });
  
  $("#start_quiz").click(function (e) {
      e.preventDefault();
      showQuiz();
  });
  
  $("#reset_quiz").click(function (e) {
      e.preventDefault();
      checkedIds = Array();
      $('.selqstn').removeClass('active');
      //$('#start_quiz').addClass("btn-green");
      $("#start_quiz").removeClass('btn-kgreen');
        $('#start_quiz').attr('disabled', true);
        $("#start_quiz").addClass("disabled");
      $('.selected_topic').removeClass('active');
      $(".totalQuestions").html('0 Qs');
  });
  
  
  function showQuiz() {
      var country_id = $("#country_id").val();
      var keystage_id = $("#wskeystage_id").val();
      var board_id = $("#wsboard_id").val();
      var comsep_id = $("#wscomsep_id").val();
      var question_type_id = $("#wsquestion_type_id").val();
      var subject_id = $("#wssubject_id").val();
      var level_id = $("#wslevel_id").val(); 
      var question_category = '{{ $quiz_id }}';
      var current_question_number = $("#current_question_number").val();
      var token = "{{ csrf_token() }}";
      var is_submit = 1;
      if (question_category == 1 || question_category == 4) {
          if (checkedIds.length == 0) {
              showAlert("Please select any lessons", "error");
              is_submit = 0;
          }
      }
      if (is_submit == 1) {
          $.ajax({
              url: "{{ url('teacher-exam-questions/worksheet-generator/generateQuiz') }}",
              type: "POST",
              data: {
                  'country_id': country_id,
                  'question_category': question_category,
                  'current_question_number': current_question_number,
                  'checkedIds': checkedIds,
                  'keystage_id': keystage_id,
                  'board_id': board_id,
                  'comsep_id': comsep_id,
                  'question_type_id': question_type_id,
                  'subject_id': subject_id,
                  'level_id': level_id,
                  _token: token
              },
              dataType: "html"
          }).done(function (data) {
                 window.location.href = "{{ url('teacher-exam-questions/worksheet-generator/Quizstart') }}";    
          })
      }
  }
  
  function startQuiz(){
           window.location.href = "{{ url('teacher-exam-questions/worksheet-generator/starts') }}";    
  }
  // function setCurriculum(curriculum_id){
  //    $('#curriculum_id').val(curriculum_id);
  //    $('.btn-cur').removeClass('active');
  //    $('.btn-cur-'+curriculum_id).addClass('active');
  //     setTopics();
  // }
  
  $(document).on('click', '#st_answer_sbmt', function (e) {
      e.preventDefault();
      $('.oneword_ans_error').html('');
  
      var pre_questionId = 0;
      var multi_ans = [];
      var submit_flag = false;
      var multi_flag = false;
  
      /*$('input:text.oneword_ans').each(function () {
  
          var questionId = $(this).attr("data-question-id");
          if($(this).val() == ''){
              $('#oneword_ans_error_'+questionId).html('Please enter your answer');
              submit_flag = false;
          }else{
              $('#oneword_ans_error_'+questionId).html('');
              submit_flag = true;
          }
  
      });*/
  
      /*$('.multi_checkbox input:checkbox.multi_ans').each(function ( index ) {
          var questionId   = $(this).attr("data-question-id");
  
          // debugger;
          if( index == 0 ){
  
              multi_ans    = [];
              pre_questionId = $(this).attr("data-question-id");
              var sThisVal = (this.checked ? multi_ans.push($(this).val()) : "");
  
          }else if(pre_questionId !== $(this).attr("data-question-id")){
  
              if(multi_ans.length == 0) {
                  $('#multi_ans_error_'+pre_questionId).html('Please enter your answer');
              }else{
                  $('#multi_ans_error_'+pre_questionId).html('');
                  multi_flag = true;
              }
  
              pre_questionId  = $(this).attr("data-question-id");
              multi_ans       = [];
              var sThisVal    = (this.checked ? multi_ans.push($(this).val()) : "");
  
          }else{
  
              var sThisVal = (this.checked ? multi_ans.push($(this).val()) : "");
          }
  
          if( index == $('.multi_checkbox input:checkbox.multi_ans').length - 1){
  
              if(multi_ans.length == 0) {
                  $('#multi_ans_error_'+questionId).html('Please enter your answer');
              }else{
                  $('#multi_ans_error_'+questionId).html('');
                  multi_flag = true;
              }
          }
  
      });*/
  
      /*$('.fill_blank').filter(function() {
          id = this.id;
          console.log(id);
          var qid = id.split("_");
          questId = qid[1];
          if (this.value.length != 0) {
                blankAnserror = 0;
               $("#answer_div_error_"+questId).html("").hide();
  
          }else{
              blankAnserror = 1;
              console.log("#answer_div_error_"+questId);
              $("#answer_div_error_"+questId).html("Please fill out fields").show();
              return false;
  
          }
      });*/
  
      check = true;
      /*$("input:radio").each(function(){
              var name = $(this).attr("name");
              id = this.id;
              console.log(id);
              var qid = id.split("_");
              questId = qid[1];
              console.log(name);
              if($("input:radio[name="+name+"]:checked").length == 0){
                  check = false;
                  $("#multi_opt_answer_div_error_"+questId).html("Please fill out fields").show();
                  return false;
              }else{
                  $("#multi_opt_answer_div_error_"+questId).html("").hide();
              }
      });*/
  
      multi_flag = true;
      submit_flag = true;
  
      // console.log("hetre");
      form = $('#questionForm');
      var formData = new FormData(form[0]);
      //  console.log(formData);
  
      $.ajax({
          url: "{{ url('teacher/lsq/submit/answer/') }}", type: 'POST',
          type: form.attr('method'),
          data: formData,
          processData: false,
          contentType: false
          // success: ajaxSuccess
      }).done(function (data) {
          if (data.error) {
              // $('#SubmitMessageBox').show()
              // location.reload();
          } else {
              window.location.href = "{{ url('performance') }}";
          }
  
          //
          //$.each(array1, function(key1, value1) {
          // $.each(value1['two']['three'], function(key1, value1) {
          //     document.write('test');
          // });
          //});
  
          // $.each(data, function(key1, value1) {
          //     // $.each(value1['two']['three'], function(key1, value1) {
          //     //     document.write('test');
          //     // });
          // });
  
  
      });
  
  });

  
function setResources() {
    var keystage_id = $("#wskeystage_id").val();
    var board_id = $("#wsboard_id").val();
    var comsep_id = $("#wscomsep_id").val();
    var question_type_id = $("#wsquestion_type_id").val();
    var subject_id = $("#wssubject_id").val();
    var level_id = $("#wslevel_id").val(); 
    if (keystage_id != "") {
        var resource_url = "{{ url('teacher-exam-questions/getResources') }}";
        $.ajax({
            url: resource_url,
            type: "POST",
            data: {
                keystage_id: keystage_id,
                board_id: board_id,
                comsep_id: comsep_id,
                question_type_id: question_type_id,
                subject_id: subject_id,
                level_id: level_id,
                _token: token,
            },
            dataType: "html",
        }).done(function (data) {
            if(data != '') {
              $(".topic-head").html(data.html);
              paper1_topic_count = data.paper1_topics;
              paper2_topic_count = data.paper2_topics;
  
           //   getSyllubus(1, 0); //paper_1
           //   getSyllubus(2, 0); //paper_2
              $(".syllubus-div").show();
              $(".question-div").hide();
            }
            
        });
    }
}
  
  function setTopics() {
      var curriculum_id = $("#wsboard_id").val();
      var keystage_id = $("#wskeystage_id").val();
      var subject_id = $("#wssubject_id").val();

      var token = "{{ csrf_token() }}";
      if (subject_id != '') {
          $.ajax({
              url: "{{ url('teacher-exam-questions/getTopicCodes') }}",
              type: "POST",
              data: {
                  // 'country_id': country_id,
                  'curriculum_id': curriculum_id,
                  'keystage_id':keystage_id,
                  'subject_id': subject_id,
                  _token: token
              },
              dataType: "json"
          }).done(function (data) {
  
              $(".topic-head").html(data.html);
              paper1_topic_count = data.paper1_topics;
              paper2_topic_count = data.paper2_topics;
  
              getQuestions(1, 0); //paper_1
              getQuestions(2, 0); //paper_2
              $(".syllubus-div").show();
              $(".question-div").hide();

          })
      }
  }
    
  var paper1_load = 0;
  var paper2_load = 0;
  
  /***
  function getSyllubus(paper_id, load) {
      $('.no-data-found').hide();
      if (load == 0)
          $(".loader").show();
      if (paper_id == 1)
          paper1_load = load;
      else
          paper2_load = load;
      var country_id = $("#country_id").val();
      var curriculum_id = $("#curriculum_id").val();
      var subject_id = $("#subject_id").val();
      var token = "{{ csrf_token() }}";
      if (curriculum_id != '' && subject_id != '') {
          $.ajax({
              url: "{{ url('teacher/lsq/getSyllubus') }}",
              type: "POST",
              data: {
                  //'country_id': country_id,
                  'curriculum_id': curriculum_id,
                  'subject_id': subject_id,
                  'paper_id': paper_id,
                  'load': load,
                  _token: token
              },
              dataType: "html"
          }).done(function (data) {
              if (load == 0) {
                  if (paper_id == 1)
                       $('#col-paper1').html(data);
                  else
                      $('#col-paper2').html(data);
              } else {
                  if (paper_id == 1)
                      $('#col-paper1').append(data);
                  else
                      $('#col-paper2').append(data);
              }
  
              if (paper_id == 1 && paper1_load < paper1_topic_count) {
                  paper1_load++;
          //        getSyllubus(1, paper1_load);
              } else if (paper_id == 2 && paper2_load < paper2_topic_count) {
                  paper2_load++;
                  
            //      getSyllubus(2, paper2_load);
              }
              $('#overlay').fadeOut();
            })
      }
  
  } */
  
  function gotoTopic(id) {
      var scrollPos = $("#topic-" + id).offset().top;
      //console.log(scrollPos);
      $(window).scrollTop(scrollPos - 350);
  }
  
  
  function createQuestion(unit_id) {
      $('#overlay').fadeIn();
      var country_id = $("#country_id").val();
      var curriculum_id = $("#curriculum_id").val();
      var subject_id = $("#subject_id").val();
      var unit_id = unit_id;

      var token = "{{ csrf_token() }}";
      $.ajax({
          url: "{{ url('teacher/lsq/makeQuestion') }}",
     
          type: "POST",
          data: {
              //'country_id': country_id,
              'curriculum_id': curriculum_id,
              'subject_id': subject_id,
              'unit_id': unit_id,
              _token: token
          },
          dataType: "json"
      }).done(function (data) {
          if (data.flagError) {
              showAlert(data.message, "error");
          } else {
              console.log(data);
              $(".question-div").html(data.html);
              $(".syllubus-div").hide();
              $(".question-div").show();
              $(".syll-head").html(data.sel_syll);
              var top_id = data.topic_id;
              $('.btn-top').removeClass('active');
              $('.btn-top-' + top_id).addClass('active');
              inits();
              chooseQuestion(1);
  
          }
  
      })
  
  }
  
  $("#mark").keypress(function (e) {
      $(this).val(Math.min(5, Math.max(1, $(this).val())));
  });
  
  function quizUpdate(quiz_id) {
  
      var check_quizs = [];
      var check_videos = [];
      var quiz_id = quiz_id;
  
      $('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()) : "");
      });
  
  
      if ((check_quizs.length != 0) || (check_videos.length != 0)) {
          $.ajax({
              url: "{{ url('admin/quiz/set-units') }}", type: 'POST',
              data: {"check_quizs": check_quizs, 'check_videos': check_videos, 'quiz_id': quiz_id},
          }).done(function (data) {
              if (data.status == 'success') {
                  showAlert(data.message, "success");
                  setCountry(1);
                  // location.reload();
              } else {
                  alert("Error! Please try again.")
              }
          });
      } else {
          alert("Please select any units !");
      }
  
  }
  
  var isLoading = false;
  $(document).on('keydown', '.oneword_ans', function (e) {
  
      if (e.which == 13) {
          $(".valid-error").remove();
          if (this.value == '') {
  
              id = this.id.split('oneword_ans_');
              $('#cstm_oneword_' + id[1]).append('<span class="valid-error"> Please Enter Your Answer </span>');
              submit_flag = 1;
              return false;
          }
          if (!isLoading) {
              isLoading = true;
              e.preventDefault();
              id = this.id;
              $('#' + id).addClass('keydisabled');
              $('.btnnxt:visible').trigger('click');
              return false;
          }
      }
  });
  
  $(document).on('keydown', '.keydisabled', function (event) {
      return false;
  });
  
  
  function getNextQuestion(row_id, enable, quest_id, quest_type) {
      if (quest_type == 2) {
          $(".valid-error").remove();
          var token = "{{ csrf_token() }}";
          var answer = $("#oneword_ans_" + quest_id).val();
          if (answer == '') {
              $('#cstm_oneword_' + quest_id).append('<span class="valid-error"> Please Enter Your Answer </span>');
              submit_flag = 1;
              return false;
          } else {
              $.ajax({
                  url: "{{ url('teacher/lsq/quiz-answer') }}", type: 'POST',
                  data: {"question_id": quest_id, "answer": answer, _token: token},
              }).done(function (data) {
                  var return_data = data.return_data;
                  var answer = $('#oneword_ans_' + return_data['id']).val();
                  var correct_answer = return_data['original_answer'];
  
                  if (return_data['is_correct'] == 0) {
                      $('#oneword_ans_' + return_data['id']).addClass('txt-danger');
                      $('#oneword_ans_' + return_data['id']).css('color', 'red');
                      $('#oneword_ans_' + return_data['id']).css('font-weight', 'bold');
                      $('#oneword_ans_' + return_data['id']).css('font-size', 'medium');
                      $('#oneword_ans_' + return_data['id']).val(answer + '      ✖');
                      $('#cstm_oneword_' + return_data['id']).append('<div class="answer-success"> <h4> Answer: ' + correct_answer +
                          '</h4></div>');
                     // $('#cstm_oneword_' + return_data['id']).append('<div class="answer-success"> <h4> Answer: ' + correct_answer +
                       //   '<a class="report-issue" href="javascript:void(0)" onclick="reportIssue(' + return_data['id'] + ',\'' + correct_answer + '\',' + return_data['is_correct'] + ')">Report an issue</a></h4></div>');
                  } else {
                      $('#oneword_ans_' + return_data['id']).addClass('txt-success');
                      $('#oneword_ans_' + return_data['id']).css('color', 'green');
                      $('#oneword_ans_' + return_data['id']).css('font-weight', 'bold');
                      $('#oneword_ans_' + return_data['id']).css('font-size', 'medium');
                      $('#oneword_ans_' + return_data['id']).val(answer + '      ✔');
                      $('#cstm_oneword_' + return_data['id']).append('<div class="answer-success"> <h4> Answer: ' + correct_answer +
                          '</h4></div>');
                     // $('#cstm_oneword_' + return_data['id']).append('<div class="answer-success"> <h4> Answer: ' + correct_answer +
                       //   '<a class="report-issue" href="javascript:void(0)" onclick="reportIssue(' + return_data['id'] + ',\'' + correct_answer + '\',' + return_data['is_correct'] + ')">Report an issue</a></h4></div>');
                  }
  
                  $('#oneword_ans_' + return_data['id']).removeAttr("name");
                  $('#oneword_ans_' + return_data['id']).addClass('keydisabled');
  
                  $("#questionDiv_" + row_id).show();
                  $("#next_btn_div_" + row_id).hide();
                  if (enable != 0) {
                      $('#st_answer_sbmt').prop('disabled', false);
                  }
                  isLoading = false;
                  $("#questionDiv_" + row_id).find('input[type=text]').focus();
              });
          }
      } else {
          $("#questionDiv_" + row_id).show();
          $("#next_btn_div_" + row_id).hide();
          if (enable != 0) {
              $('#st_answer_sbmt').prop('disabled', false);
          }
      }
      // var submit_flag = 1;
      // $(".valid-error").remove();
      // $(".oneword_ans").each(function(index) {
      //   var submit_flag = 1;
      //     if (this.value == '') {
  
      //         id = this.id.split('oneword_ans_');
      //         $('#cstm_oneword_' + id[1]).append('<span class="valid-error"> Please Enter Your Answer </span>');
      //         submit_flag = 1;
      //         return false;
      //     } else {
      //         submit_flag = 0;
      //         if(submit_flag == 0){
      //       $("#questionDiv_"+row_id).show();
      //       $("#next_btn_div_"+row_id).hide();
      //     }
      //     }
      // });
      // console.log(submit_flag);
  
      // if(enable !=0 ){
      //   $('#st_answer_sbmt').prop('disabled', false);
      // }
  }
  
  function reportIssue(question_id, correct_answer, is_correct) {
      var answer = $('#oneword_ans_' + question_id).val();
      var question = $('#cstm_oneword_' + question_id).data('question');
      var submitted;
      console.log(answer, question_id);
      $('#question').html(question);
      if (is_correct) {
          submitted = answer;
      } else {
          submitted = answer + '&emsp;&emsp; Correct: ' + correct_answer;
      }
      $('#canswer').html(submitted);
      $('#question_id').val(question_id);
      $('#answer').val(answer);
      $('#correct_answer').val(correct_answer);
      $('#is_correct').val(is_correct);
      $('#reportModal').modal('show');
  }
  
  // $(document).on('keypress', '.txt_single-ans', function (e) {
  //     if ($(this).val().length >= 50) {
  //         showAlert("Invalid answer: Maximum 50 letters allowed", "error");
  //         return false;
  //     }
  
  // }); 
</script>
@if($type_id ==1)
<script>
        var questionUrl = "{{ url('resources') }}";
        var get_stages_url = "{{ url('resources/getStages') }}";
        var next_level_url = "{{ url('resources/getNextLevel') }}";
        var firstStage = "{{ $firstStage }}";
        var resource_url = "{{ url('resources/getResources') }}";
        var token = "{{ csrf_token() }}"; 

        function restrictedAccess(msgtype)
        {
            if(msgtype==1)
            {
                $('#access-msg').html('Please sign up for a free trial account to be able to access this question');
                $('#stud_button').html('Sign up');
            } 
            else if(msgtype==2)
            {
                $('#access-msg').html('To access this resource you must have a paid subscription');
                $('#stud_button').html('Please click here to subscribe');
            }

            $("#resource-access-modal").modal("show");
        }
        var currentStage = 0;
var isResources = false;
//$('#overlay').fadeIn();

$(document).ready(function () {
    //setCountry(1);
    //setSubject(1);
    // $('#table-row').append('<tr><th><button type="button" class="btn btn-primary font-weight-bold btn-md mx-1 my-1 btn-eb btn-eb-" onclick="setExamboard()" id="">2</button></th></tr>');
    // $('#table-row').append('<tr><th><button type="button" class="btn btn-primary font-weight-bold btn-md mx-1 my-1 btn-eb btn-eb-" onclick="setExamboard()" id="">2</button></th></tr>');

    $("#keystage_id").val(0);
    $("#board_id").val(0);
    $("#comsep_id").val(0);
    $("#question_type_id").val(0);
    $("#subject_id").val(0);
    setKeystage(2);
    // init();
});

function clearStages() {
    location.reload();
    // $("#keystage_id").val(0);
    // $("#board_id").val(0);
    // $("#comsep_id").val(0);
    // $("#question_type_id").val(0);
    // $("#subject_id").val(0);
    // $("#resource-list").html("");
    // setKeystage(firstStage);
    // currentStage = 1;
    // isResources = false;
}

function setKeystage(keystage_id) {
    currentStage = 1;
    isResources = false;
    $("#keystage_id").val(keystage_id);
    $(".btn-ks").removeClass("active");
    $(".btn-ks-" + keystage_id).addClass("active");
    $("#table-row").html("");
    $("#resource-list").html("");

    $("#sel_keystage_id").val(0);
    $("#sel_board_id").val(0);
    $("#sel_comsep_id").val(0);
    $("#sel_question_type_id").val(0);
    $("#sel_subject_id").val(0);
    $("#sel_level_id").val(0);
    $("#sel_stage").val(0);

    $.ajax({
        url: get_stages_url + "/" + keystage_id,
        type: "GET",
        dataType: "json",
    }).done(function (data) {
        // console.log(data.html);
        if (data.flagError) {
            showAlert(data.message, "error");
        } else {
            $("#table-row").html("");
            $("#table-row").append(data.html);
            inits();
            showHide();
            checkNextlevel(".btn-eb");
            //setResources();
        }
    });
}

const inits = () =>{
    var buttonList = ['.btn-eb','.btn-cs','.btn-qt','.btn-sb','.btn-lv'];
    buttonList.forEach(element => {
        $(element).removeClass("active");
        $(element).addClass("grayscale");
        $(element).prop('disabled', true);
    });
    // $(".btn-eb").removeClass("active");
    // $(".btn-eb").addClass("grayscale");
    // $(".btn-cs").removeClass("active");
    // $(".btn-cs").addClass("grayscale");
    // $(".btn-qt").removeClass("active");
    // $(".btn-qt").addClass("grayscale");
    // $(".btn-sb").removeClass("active");
    // $(".btn-sb").addClass("grayscale");
    // $(".btn-lv").removeClass("active");
    // $(".btn-lv").addClass("grayscale");
    // $(".btn-eb").prop('disabled', true);
    // $(".btn-cs").prop('disabled', true);
    // $(".btn-qt").prop('disabled', true);
    // $(".btn-sb").prop('disabled', true);
    // $(".btn-lv").prop('disabled', true);
}
function showHide() {
  /*   let first_tr = $("#table-row").children("tr:first");
    $("#table-row").children("tr").hide();*/
    $("#clearButton_tr").show(); 
    // first_tr.show();
    // $('.btn-eb').removeClass('grayscale');
    // $('.btn-eb').prop('disabled', false);
}

const toggleButton = (selectedValue,button ,id) =>{
     if($(button +'-'+ id).hasClass('active')){
        $(selectedValue).val('');
        $(button).removeClass("active");
        $(button +'-'+ id).blur(); 
    }else{
        $(selectedValue).val(id);
        $(button).removeClass("active");
        $(button +'-' + id).addClass("active");
    } 
}

function setExamboard(board_id) {
    
    currentStage = 2;
    // $("#board_id").val(board_id);
    // $(".btn-eb").removeClass("active");
    // $(".btn-eb-" + board_id).addClass("active");
     toggleButton("#board_id",".btn-eb",board_id);
    // $("#comSep_tr").show();
    checkNextlevel(".btn-cs");
   
    //setResources();
    if ($("#sel_board_id").val() != 1) {
        $("#sel_board_id").val(1);
        var sel_stage = $("#sel_stage").val();
        sel_stage++;
        $("#sel_stage").val(sel_stage);
    }
    else{
        $("#sel_board_id").val(0);
    }
    //checkAllSet();
}
    checkAllSet();
   

function setComsep(comsep_id) {
    currentStage = 3;
  /*   $("#comsep_id").val(comsep_id);
    $(".btn-cs").removeClass("active");
    $(".btn-cs-" + comsep_id).addClass("active"); */
    toggleButton("#comsep_id",".btn-cs",comsep_id);
    // $("#question_tr").show();
    checkNextlevel(".btn-qt");
    //setResources();
    if ($("#sel_comsep_id").val() != 1) {
        $("#sel_comsep_id").val(1);
        var sel_stage = $("#sel_stage").val();
        sel_stage++;
        $("#sel_stage").val(sel_stage);
    }
    else{
        $("#sel_comsep_id").val(0);
    }
   // checkAllSet();
}

function setQuestiontype(question_type_id) {
    currentStage = 4;
    // $("#question_type_id").val(question_type_id);
    // $(".btn-qt").removeClass("active");
    // $(".btn-qt-" + question_type_id).addClass("active");
    // $("#subject_tr").show();
    toggleButton("#question_type_id",".btn-qt",question_type_id);
    checkNextlevel(".btn-sb");
    //setResources();
    if ($("#sel_question_type_id").val() != 1) {
        $("#sel_question_type_id").val(1);
        var sel_stage = $("#sel_stage").val();
        sel_stage++;
        $("#sel_stage").val(sel_stage);
    }
    else{
        $("#sel_question_type_id").val(0);
    }
   // checkAllSet();
}

function setSubject(subject_id) {
    currentStage = 5;
    // $("#subject_id").val(subject_id);
    // $(".btn-sb").removeClass("active");
    // $(".btn-sb-" + subject_id).addClass("active");
    // $("#level_tr").show();
    toggleButton("#subject_id",".btn-sb",subject_id);
    checkNextlevel(".btn-lv");
    //setResources();
    if ($("#sel_subject_id").val() != 1) {
        $("#sel_subject_id").val(1);
        var sel_stage = $("#sel_stage").val();
        sel_stage++;
        $("#sel_stage").val(sel_stage);
    }
    else{
        $("#sel_subject_id").val(0);
    }
   // checkAllSet();
}

function setLevel(level_id) {
    currentStage = 6;
    // $("#level_id").val(level_id);
    // $(".btn-lv").removeClass("active");
    // $(".btn-lv-" + level_id).addClass("active");
    toggleButton("#level_id",".btn-lv",level_id);
    //setResources();
    if ($("#sel_level_id").val() != 1) {
        //$("#sel_level_id").val(1);
        var sel_stage = $("#sel_stage").val();
        sel_stage++;
        $("#sel_stage").val(sel_stage);
    }
    else{
        $("#sel_level_id").val(0);
    }
    checkAllSet();
}

function checkAllSet() {
    var stage_count = $("#stage_count").val();
    var sel_stage = $("#sel_stage").val();
    var levelexist = $("#levelexist").val();
    var level_id = $("#level_id").val();
    //   if(stage_count==sel_stage)
    
    /*if (currentStage >= 5 || isResources) {
        setResources();
        isResources = true;
    }*/
  

    if ((currentStage == 5 && levelexist == 'N') || isResources) {
        $("#resource-list").html("");
        setResources();
        isResources = true;
    }
    else  if ((currentStage > 5 &&  level_id >0 ) || isResources) {
        $("#resource-list").html("");
        setResources();
        isResources = true;
    }
    else  if (currentStage > 1 || isResources) 
    {
        $("#resource-list").html("");
      //  setResources();
        isResources = true;
    }  
}

function setValues(){
    var keystage = $("#sel_keystage_id").val();
    var board = $("#board_id").val();
    var comsep = $("#comsep_id").val();
    var question_type = $("#question_type_id").val();
    var subject = $("#subject_id").val();
    var level = $("#level_id").val();console.log(level);

    if(board){//console.log($(".btn-eb-" + board).hasClass('grayscale')+'-'+board);
        //if(!$(".btn-eb-" + board).hasClass('grayscale')){
            $(".btn-eb-" + board).addClass("active");
        //} 
    } 
    if(comsep){//console.log($(".btn-cs-" + comsep).hasClass('grayscale')+'-'+comsep);
        //if(!$(".btn-cs-" + board).hasClass('grayscale')){
            $(".btn-cs-" + comsep).addClass("active");
        //} 
    } 
    if(question_type){//console.log($(".btn-qt-" + question_type).hasClass('grayscale')+'-'+question_type);
        if($(".btn-qt-" + question_type).hasClass('grayscale')){
            $("#question_type_id").val(0);
        }else{
            $(".btn-qt-" + question_type).addClass("active");
        }
    }
    if(subject){console.log('sb-'+$(".btn-sb-" + subject).hasClass('grayscale')+'-'+subject);
        if($(".btn-sb-" + subject).hasClass('grayscale')==true){
            console.log($("#subject_id").val()+' => '+subject);
            $("#subject_id").val(0);
            
        }else{
            $(".btn-sb-" + subject).addClass("active");
        } 
    }
    if(level){console.log('lv-'+$(".btn-lv-" + level).hasClass('grayscale')+'-'+level);
        //if(!$(".btn-cs-" + board).hasClass('grayscale')){
            $(".btn-lv-" + level).addClass("active");
        //} 
    }
    
}

function setResources() {
    var keystage_id = $("#keystage_id").val();
    var board_id = $("#board_id").val();
    var comsep_id = $("#comsep_id").val();
    var question_type_id = $("#question_type_id").val();
    var subject_id = $("#subject_id").val();
    var level_id = $("#level_id").val();

    if (keystage_id != "") {
        $.ajax({
            url: resource_url,
            type: "POST",
            data: {
                keystage_id: keystage_id,
                board_id: board_id,
                comsep_id: comsep_id,
                question_type_id: question_type_id,
                subject_id: subject_id,
                level_id: level_id,
                _token: token,
            },
            dataType: "html",
        }).done(function (data) {
            if(data != '') {
               $("#resource-list").html(data);
            }
            // top_id = $(".topic-head button:first").attr('id');
            // $("#topic_id").val(top_id);
            // $('.btn-top').removeClass('active');
            // $('.btn-top-'+top_id).addClass('active');
            //getSyllubus();
            //$(".syllubus-div").show();
            //$(".question-div").hide();
        });
    }
}

function checkNextlevel(button){
    var keystage_id = $("#keystage_id").val();
    var board_id = $("#board_id").val();
    var comsep_id = $("#comsep_id").val();
    var question_type_id = $("#question_type_id").val();
    var subject_id = $("#subject_id").val();
    var level_id = $("#level_id").val();
    $.ajax({
        url: next_level_url,
        type: "POST",
        data: {
            keystage_id: keystage_id,
            board_id: board_id,
            comsep_id: comsep_id,
            question_type_id: question_type_id,
            subject_id: subject_id,
            level_id: 0,
            currentStage,
            _token: token,
        },
    }).done(function (data) {
        if(parseInt(data.response.length)>0) {
            $("#levelexist").val('Y');
        }
        else{
            $("#levelexist").val('N');
        }
       setNextLevel(button,data.response);  
       checkAllSet();
       disableButtonBasedSelection();
    });
}

const setNextLevel = (button,data) =>{
    if(data.length){
    data.forEach(element => {
        $(button+'-'+element).removeClass('grayscale');
        $(button).removeClass('active');
        $(button+'-'+element).prop('disabled', false);
      });
    }else{console.log(button);
         $(button).addClass('grayscale');
         $(button).removeClass('active');
         $(button).prop('disabled', true);
    }
}


function disableButtonBasedSelection(){
    var levelexist = $("#levelexist").val();
    switch(currentStage) {
        case 1:
            $('.btn-qt').removeClass('grayscale');
            $('.btn-qt').addClass('grayscale');
            $('.btn-qt').prop('disabled', true);
            $('.btn-sb').removeClass('grayscale');
            $('.btn-sb').addClass('grayscale');
            $('.btn-sb').prop('disabled', true);
            $('.btn-lv').removeClass('grayscale');
            $('.btn-lv').addClass('grayscale');
            $('.btn-lv').prop('disabled', true);
            $("#resource-list").html("<div class='title'>Select your exam board</div>");
            isResources = false;
        break;
        case 2:
           
            var combinedStatus = $("#comSep_tr").html();
            var result = "";
            $.each($(combinedStatus), function(i){
                    result += $(this).html().trim();
            });
            result.trim();
            if(result == '') {
                    $("#resource-list").html("<div class='title'>Select the type of booklet</div>");
                    isResources = false;  
                    $('.btn-qt').removeClass('grayscale');
                    $('.btn-qt').prop('disabled', false);
                    $('.btn-sb').removeClass('grayscale');
                    $('.btn-sb').addClass('grayscale');
                    $('.btn-sb').prop('disabled', true);
                    $('.btn-lv').removeClass('grayscale');
                    $('.btn-lv').addClass('grayscale');
                    $('.btn-lv').prop('disabled', true );
            }
            else{
                   $("#resource-list").html("<div class='title'>Select combined or seperate science</div>");
                    isResources = false;  
                    $('.btn-qt').removeClass('grayscale');
                    $('.btn-qt').addClass('grayscale');
                    $('.btn-qt').prop('disabled', true);
                    $('.btn-sb').removeClass('grayscale');
                    $('.btn-sb').addClass('grayscale');
                    $('.btn-sb').prop('disabled', true);
                    $('.btn-lv').removeClass('grayscale');
                    $('.btn-lv').addClass('grayscale');
                    $('.btn-lv').prop('disabled', true); 
           }
         break;
        case 3:
            $('.btn-sb').removeClass('grayscale');
            $('.btn-sb').addClass('grayscale');
            $('.btn-sb').prop('disabled', true);
            $('.btn-lv').removeClass('grayscale');
            $('.btn-lv').addClass('grayscale');
            $('.btn-lv').prop('disabled', true);
            $("#resource-list").html("<div class='title'>Select the type of booklet</div>");
            isResources = false;
         break;
        case 4:
            $('.btn-lv').removeClass('grayscale');
            $('.btn-lv').addClass('grayscale');
            $('.btn-lv').prop('disabled', true);
            $("#resource-list").html("<div class='title'>Select the subject</div>");
            isResources = false;
         break;
         case 5:
                if(levelexist == 'Y') {
                $("#resource-list").html("<div class='title'>Select higher or foundation</div>");
                   isResources = false;
                }
        }
}

function WorkSheetsetKeystage(keystage_id)
{
      $('#wskeystage_id').val(keystage_id);
      $('.btn-wks').removeClass('active');
      $('.btn-wks-' + keystage_id).addClass('active');
      checkedIds = Array(); 
      $("#start_quiz").show();
      setWorkSheetBoard(keystage_id);
  }
  
</script>  
@endif
@endsection