@extends('dashboard.layouts.default')
@section('page_toolbar')
<input type="hidden" id="question_category" value="{{$quiz_id}}">
@endsection
@section('content')
<section class="top-section revision">
  <div class="container">
    <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" method="post" novalidate="novalidate" id="q_form" name="question_form" enctype="multipart/form-data">
        {{ csrf_field() }}
          <div class="col-lg-12 mb-2">
            <div class="card">
              <div class="card-body">
                <div class="row g-2 align-items-center revision-option">
                  <div class="col-lg-4">
                    <a href="{{ url('revision/quiz-questions') }}" class="btn btn-revision-head {{$quiz_id==4?'active':''}}">
                    Quiz Questions </a>
                  </div>
                  <div class="col-lg-4">
                    <a href="{{ url('revision/formula-practice') }}" class="btn btn-revision-head {{$quiz_id==2?'active':''}}">
                    Formula Practice </a>
                  </div>
                  <div class="col-lg-4">
                    <a href="{{ url('revision/converting-units') }}" class="btn btn-revision-head {{$quiz_id==3?'active':''}}">
                    Converting Units </a>
                  </div>
                </div>
                @if($quiz_id != 2 && $quiz_id != 3 )
                <div class="mt-2">
                  @foreach($subjects as $key=>$subject)
                  <button type="button" class="btn btn-subject btn-sb-{{ $subject->id }}"
                    onclick="setSubject(this.id)"
                    id="{{ $subject->id }}"> {{ $subject->name }}</button>
                  @endforeach
                </div>
                @endif
                @if($quiz_id != 2 && $quiz_id != 3 )
               <!-- <ul class="mt-2 topic-head">
                </ul>-->
                @endif
              </div>
            </div>
          </div>
          <div class="floatcard sticky-top mb-2">
            <div class="card shadow-sm">
              <div class="card-body">
                <div class="box-body">
                  <div class="questions_module">
                    <div class="row g-2 align-items-center syll-head">
                      <div class="col-md-6" style=" @if($quiz_id == 2 || $quiz_id == 3) display: none !important; @endif">
                        <div class="d-flex align-items-center justify-content-center text-center">
                          <h6 class="mb-0">Select no of questions :</h6>
                          <button type="button" class="btn btn-count selqstn" value="3" onclick="questionSelected($(this).val())" id="btnqno-3">3</button>
                          <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>
                        </div>
                      </div>
                      <div class="col-md-6" style=" @if($quiz_id == 1 || $quiz_id == 4) display: none !important; @endif">
                        <div class="d-flex align-items-center justify-content-center text-center">
                          <h6 class="mb-0">Select no of questions :</h6>
                          <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 selqstn" value="20" onclick="questionSelected($(this).val())" id="btnqno-20">20 </button>
                          <button type="button" class="btn btn-count selqstn" value="30" onclick="questionSelected($(this).val())" id="btnqno-30">30 </button>
                        </div>
                      </div>
                      <div class="col-auto">
                        <div class="btn totalQuestions" style=" @if($quiz_id == 2 || $quiz_id == 3) display: none !important; @endif">
                        0 Qs
                        </div>
                      </div>
                      <div class="col-auto">
                        <button type="button" id="start_quiz" class="btn btn-start-quiz" style=" @if($quiz_id == 2 || $quiz_id == 3)display: none;@endif">
                        Start Quiz
                        </button>
                      </div>
                      <div class="col">
                        <button type="button" id="reset_quiz" class="btn btn-outline-primary float-end" style=" @if($quiz_id == 2 || $quiz_id == 3)display: none;@endif">
                        Reset
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <input type="hidden" id="current_question_number"/>
          <div class="col-lg-12 mb-2">
            <div class="box-body">
              @if($quiz_id != 2 && $quiz_id != 3 )
              <div class="row g-1 syllubus-div">
                <div class="col-md-4">
                  <div class="nav nav-pills sticky-top 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">
                      <h2 class="d-flex align-items-center justify-content-center"><i class='bx bx-error-circle' ></i>Select the topic to show the topics of questions</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 sticky-top"><h2 class="topic_detail">rewrw erewr</h2></div>
                                <div class="listed-section chaptercontentlist">
                                
                                </div>
                                <div class="line-strip"></div>
                              </div>
                            </div>
                  </div>
                </div>
              </div>
              <!--<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>
              @else
              @php
              $btntxt = $quiz_id == 2?'Formula Practice':'Converting Units';
              @endphp
              <div class="text-center">
                <button type="button" class="btn btn-primary btn-lg formula-practice"
                  style="font-size: 25px; display: none;">
                Start {{ $btntxt}}</button>
              </div>
              @endif
              <div class="form-group row">
                <label for="inputEmail3" class="col-sm-10 control-label">&nbsp; </label>
                <div class="col-sm-2 qstn-btn-wrapper">
                  <input type="hidden" name="country_id" id="country_id"
                    value="{{$student->country_id}}">
                  <input type="hidden" name="subject_id" id="subject_id">
                  <input type="hidden" name="curriculum_id" id="curriculum_id"
                    value="{{$curriculum_id}}">
                  <input type="hidden" name="question_type" id="question_type">
                  <input type="hidden" name="select_topic" id="select_topic">
                </div>
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
    <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>
</section>
@endsection
@section('pagescripts')
<script src="{{ asset('js/pages/question/question.js') }}"></script>
<script>
  var questionUrl = "{{ url('revision') }}";
  // $('#overlay').fadeIn();
  var checkedIds = Array();
  var paper1_topic_count = 0;
  var paper2_topic_count = 0;
  
  $(document).ready(function () {
    @if($quiz_id == 2 || $quiz_id == 3)
      $("#start_quiz").hide();
      $(".questions_module").show();
      @else
      setSubject(1);
      @endif
      $("#start_quiz").hide();
  });
  
  $(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) {
      // alert(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");
      }
      var current_question_number = $("#current_question_number").val();
      if (current_question_number != 0) {
          questionSelected(current_question_number);
      }
  
      $.each(checkedIds, function (index, value) {
          $("#selected_topic_" + value).addClass("active");
      });
      // console.log(checkedIds)
  
  }
  
  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');
      $("#btnqno-" + value).addClass('active');
      $(".totalQuestions").html('&nbsp;' + quizCount + ' Qs');
      $("#current_question_number").val(value);
      $(".quiz_div").show();
      @if($quiz_id == 2 || $quiz_id == 3)
      showQuiz();
      $(".formula-practice").show();
      @else
      $("#start_quiz").show();
      $("#reset_quiz").show();
      @endif
  
  }
  
  function setSubject(subject_id) {
      $('#subject_id').val(subject_id);
      $('.btn-subject').removeClass('active');
      $('.btn-sb-' + subject_id).addClass('active');
  
      @if($quiz_id == 2 || $quiz_id == 3)
      $("#start_quiz").hide();
      @else
      $("#start_quiz").show();
      @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();
      $('.selected_topic').removeClass('active');
      $(".totalQuestions").html('0 Qs');
  });
  
  
  function showQuiz() {
      var country_id = $("#country_id").val();
      var curriculum_id = $("#curriculum_id").val();
      var subject_id = $("#subject_id").val();
      var question_category = '{{ $quiz_id }}';
      var current_question_number = $("#current_question_number").val();
      // checkedIds = encodeURIComponent(checkedIds);
      var token = "{{ csrf_token() }}";
      var is_submit = 1;
      console.log(question_category);
      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('revision/setQuiz') }}",
              type: "POST",
              data: {
                  'country_id': country_id,
                  'curriculum_id': curriculum_id,
                  'subject_id': subject_id,
                  'question_category': question_category,
                  'current_question_number': current_question_number,
                  'checkedIds': checkedIds,
                  _token: token
              },
              dataType: "html"
          }).done(function (data) {
             @if($quiz_id===4||$quiz_id===1)
                   window.location.href = "{{ url('revision/'.$slug.'/start') }}";    
             @endif
              // $("#div_list").hide();
              // $("#questionDataDiv").html(data);
              // $("#div_questions").show();
          })
      }
  }
  
  function startQuiz(){
           window.location.href = "{{ url('revision/'.$slug.'/start') }}";    
  }
  // 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('revision/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 setTopics() {
      var country_id = $("#country_id").val();
      var curriculum_id = $("#curriculum_id").val();
      var subject_id = $("#subject_id").val();
      var token = "{{ csrf_token() }}";
      if (subject_id != '') {
          $.ajax({
              url: "{{ url('revision/getTopicValues') }}",
              type: "POST",
              data: {
                  // 'country_id': country_id,
                  'curriculum_id': curriculum_id,
                  'subject_id': subject_id,
                  _token: token
              },
              dataType: "json"
          }).done(function (data) {
  
            if (data.status == true) {
                $(".topiclistdiv").html(data.html);
                $(".checkcurriculum").removeClass("active");
                $("#curriculum_" + curriculum_id).addClass("active");
                $('#overlay').fadeOut();
                $(".loader").hide();
            }
            //  $(".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();
          })
      }
  }
  
  
  var paper1_load = 0;
  var paper2_load = 0;
  
  function getSyllubus(paper_id, load) {
      $('.no-data-found').hide();
      if (load == 0)
          $(".loader").hide();
      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('revision/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('revision/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');
              init();
              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('revision/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');
  }

  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 country_id = 1;
      var curriculum_id = $("#curriculum_id").val();
      var subject_id = $("#subject_id").val();
      var token = "{{ csrf_token() }}";
      var search = $('#search').val();
      if (country_id != '' && curriculum_id != '' && subject_id != '') {
          $.ajax({
              url: "{{ url('revision/getTopicVideos') }}",
              type: "POST",
              data: {
                  'curriculum_id': curriculum_id,
                  'subject_id': subject_id,
                  'topic_id': topicId,
                  'topic_index':topicIndex,
                  'search': search,
                  'load':load,
                  _token: token
              },
              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');
          });
      }
  }
  </script>
@endsection