@extends('dashboard.layouts.default')
@section('content')
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    T
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif
<section class="top-section worksheet">
  <div class="container">
    <div class="beta-position"><div class="btn btn-beta shadow">BETA</div></div>
    <div class="row">
      <div class="col-lg-12">
        <form method="post" class="form" novalidate="novalidate" id="questionform"
          name="kt_question_form" action="{{ url('teacher/tasks/set-questions') }}"
          enctype="multipart/form-data">
          {{ csrf_field() }}
          <div class="card title-card sticky-top shadow-sm mb-2">
            <div class="card-body">
              <div class="row g-2">
                <div class="col">
                  <div class="row align-items-center title">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="col-auto"><b>Title of worksheet:</b></div>
                    <div class="col">
                      <textarea onkeyup="textAreaAdjust(this)" type="text" id="questiontitle" name="questiontitle" class="form-control questiontitle" placeholder="leave blank if you wish" rows="1">{{ucwords(strtolower($worksheettitle))}}</textarea>
                    </div>
                  </div>
                </div>
                <div class="col-auto d-flex align-items-center topbtn">
                  <div class="dropdown me-2">
                    <button class="btn btn-primary dropdown-toggle" type="button" id="btngenerate" onclick="myFunction()" data-bs-toggle="dropdown" aria-expanded="false">Generate PDF</button>
                    <ul class="dropdown-menu">
                      <li><a href="" class="dropdown-item" onclick="Featurebtn(this,'generate')">Questions & Answers</a></li>
                      <!-- <li><a class="dropdown-item" onclick="Featurebtn(this,'generate_qpdf')">Questions Only</a></li> -->
                      <li><a href="" class="dropdown-item" onclick="Featurebtn(this,'generate_separate')">Separate Files</a></li>
                    </ul>
                  </div>
                  <button type="button" class="btn btn-primary me-2 featureButn"  style="display:none;" id="btnrandom" onclick="Featurebtn(this,'random')">Randomise Questions</button>
                  <button type="button" class="btn btn-primary me-2 featureButn" id="btndisplay" onclick="Featurebtn(this,'display')">Display Qs On Board</button>
                </div>
              </div>
              <div class="responsive-three-column-grid" style="display:none;">
                <div class="dropdown">
                  <div id="myDropdown" class="dropdown-content">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="dropdown me-2" style ="display:none;">
            <button class="btn btn-primary dropdown-toggle" type="button" id="btngenerate" onclick="myFunction()" data-bs-toggle="dropdown" aria-expanded="false">Generate PDF</button>
            <ul id="myDropdown" class="dropdown-menu">
              <li><a class="dropdown-item" onclick="Featurebtn(this,'generate')">Questions & Answers</a></li>
              <li><a class="dropdown-item" onclick="Featurebtn(this,'generate_qpdf')">Questions Only</a></li>
              <li><a class="dropdown-item" onclick="Featurebtn(this,'generate_apdf')">Answers Only</a></li>
            </ul>
          </div>
          <div class="row" style ="display:none;">
            <div class="col-md-12">
              <div class="form-group d-flex">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="col-md-4">
                  <span class="title_padding" style="text-decoration:underline;">Title of worksheet:</span>
                </div>
                <div class="col-md-8">
                  <textarea onkeyup="textAreaAdjust(this)" style="overflow:hidden;resize:none" type="text" id="questiontitle" name="questiontitle" class="form-control questiontitle" placeholder="leave blank if you wish" rows="1">{{ucwords(strtolower($worksheettitle))}}</textarea>
                </div>
              </div>
            </div>
          </div>
          <div id="question-answer-div" class="div_questions">
            @foreach($units as $unit)
            <div class="card shadow-sm mb-2">
              <div class="card-header bg-white border-0 p-3 pb-1">
                <h5 class="unit-title">{{$unit->name}}
                  @php
                  $videos = App\Models\Video::where('unit_id', $unit->id)->get();
                  $video = $videos->where('video_mo de', 'free')->first();
                  $is_plan = \App\Helpers\Helper::checkSchoolPlan();
                  if ($is_plan) {
                  $paid_video = $videos->where('video_mode', 'paid')->first();
                  if ($paid_video) {
                  $video = $paid_video;
                  }
                  }                                            
                  @endphp
                  <button type="button" class="btn btn-primary btn-sm ms-2 showAnswersBtn showAnswer_{{ $unit->id }}" data-toggle="modal" id="showAnswersBtn" onclick="showAnswers(this,'{{ $unit->id }}')">
                  Show Answers
                  </button>
                </h5>
              </div>
              <div class="card-body p-1">
                <ul class="list-group list-group-flush">
                  @foreach($unit->questions as $question)
                  @php
                  if(Session::has('display_questions_id')){
                  $selected_questionids = Session::get('display_questions_id');
                  $selected_questions = Session::get('display_questions');
                  $selected_answers = Session::get('display_answers');
                  if(Session::has('unselected_questionids'))
                  {
                  $unselectedids = Session::get('unselected_questionids');
                  }
                  else{
                  $unselectedids = [];
                  }
                  $exist =  (in_array($question->id, $selected_questionids)) ? 'exist' : '';
                  $checked = (in_array($question->id, $unselectedids)) ? '' : 'checked';
                  // $qkey = array_search($question->id, $selected_questionids); 
                  // $question->question = isset($selected_questions[$qkey])?$selected_questions[$qkey]:$question->question;
                  // $question->answer = isset($selected_answers[$qkey])?$selected_answers[$qkey]:$question->answer;
                  }else{
                  $selected_questions = array();
                  $checked = "checked";
                  $exist = '';
                  }
                  @endphp
                  @if($exist == 'exist')
                  <li class="list-group-item groupitem" style="cursor:pointer;" data-value="{{$question->id}}">
                    <input type="checkbox" class="form-check-input me-1 checkquestion" name="question_ids[]" value="{{$question->id}}"
                    id="{{$question->id}}" @if($checked)checked="true"@endif>
                    <label class="form-check-label" style="cursor:pointer;" for="{{$question->id}}"></label>
                    <span class="QuestionLabel questionlabel_{{$question->id}}"  data-value="{{$question->id}}">{{ ucfirst(strtolower($question->question))}}</span>
                    <ul class="py-1 ul_submenu unitlist_{{ $unit->id }} subitem_{{$question->id}} hideClass">
                      <li class="nitquestion-{{ $unit->id }} subitem subgroup_{{$question->id}}" >
                        <div class="d-flex align-items-center mb-1 questionsection">
                          <div class="questionbtn" style="pointer-events:none;" data-itemid = "{{$question->id}}" data-unitid = "{{$question->id}}" id="myid"></div>
                          <input type="hidden"   data-qstnid = "{{$question->id}}" class="form-control questionItemtext_{{$question->id}} questionsItemdisable questionsItem" value="{{$question->question}}" style="border-radius: 0rem;">
                          <!-- <input type="textbox"   data-qtnid = "{{$question->id}}" class="form-control questiontext_{{$question->id}} questionsdisable questions" value="{{ ucfirst(strtolower($question->question))}}" style="border-radius: 0rem;">-->
                          <textarea  rows="1" cols="80"  data-qtnid = "{{$question->id}}" class="form-control questiontext_{{$question->id}} questionsdisable questions"> {{ $question->question }} </textarea>
                          <button type="button" class="btn btn-sm btn-primary float-right fontweightstyle btnborder saveBn_{{$question->id}} saveButn" id="saveButn" style="margin-left: 5px;display:none;" data-savequestionid ="{{$question->id}}" >Save</button>
                          <div class="checkmark checkq_{{$question->id}}" style="margin-left:3%;display:none;">
                            <div class="checkmark_circle"></div>
                            <div class="checkmark_stem"></div>
                            <div class="checkmark_kick"></div>
                          </div>
                        </div>
                      </li>
                      <li class="nitanswer-{{ $unit->id }} subitem subgroup_{{$question->id}}">
                        <div class="d-flex align-items-center mb-1 answersection">
                          <div class="answerbtn" style="pointer-events:none;" data-itemid = "{{$question->id}}"   data-unitid = "{{$question->id}}" id="myid"></div>
                          <input type="hidden"  data-qtnid = "{{$question->id}}" value="{{$question->answer}}" class="form-control answerItemtext_{{$question->id}} questionsItemdisable answersItem" style="border-radius: 0rem;">
                          <!-- <input type="textbox"  data-qtnid = "{{$question->id}}" value="{!! ucfirst(strtolower(trim($question->answer)))!!}" class="form-control answertext_{{$question->id}} questionsdisable answers" style="border-radius: 0rem;">-->
                               
                          <textarea rows="1" cols="80"  data-qtnid = "{{$question->id}}" class="form-control answertext_{{$question->id}} questionsdisable answers"> {{ $question->answer }} </textarea>
                                                    <div class="checkmark checkans_{{$question->id}}" style="margin-left:3%;display:none;">
                            <div class="checkmark_circle"></div>
                            <div class="checkmark_stem"></div>
                            <div class="checkmark_kick"></div>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  @endif    
                  @endforeach
                </ul>
              </div>
            </div>
            @endforeach
          </div>
        </form>
      </div>
      @include('layout.bottom-ads')
    </div>
  </div>
</section>
<div class="modal fade vd-modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
        </button>
        <div class="embed-responsive embed-responsive-16by9 vid">
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('scripts')
<script type="text/javascript">
  function myFunction() {
     document.getElementById("myDropdown").classList.toggle("show");
  }
  
  window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
      var dropdown = document.getElementsByClassName("dropdown-content");
      var i;
      for (i = 0; i < dropdown.length; i++) {
      var openDropdown = dropdown[i];
      if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
      }
      }
  }
  }
  
  window.addEventListener( "pageshow", function ( event ) {
  var historyTraversal = event.persisted || 
                          ( typeof window.performance != "undefined" && 
                              window.performance.navigation.type === 2 );
  if ( historyTraversal ) {
      // Handle page restore.
      window.location.reload();
  }
  });
  
  function backToUpdate() {
      $("#updateTaskForm").submit();
  }
  
  $("#nextbtn").click(function () {
      var question_ids = [];
      $('input:checkbox.checkquestion').each(function () {
          var sThisVal = (this.checked ? question_ids.push($(this).val()) : "");
      });
      if (question_ids.length > 0) {
          $("#questionform").submit();
      } else {
          showAlert("Please select any questions !", "error");
      }
  });
  
  function showVideo(id) {
      $html = '<video id="myVideo" class="quizvideoplay"  data-id="' + id + '"  poster="https://image.mux.com/' + id + '/thumbnail.png?width=400&height=200&fit_mode=smartcrop&time=5" data-vtitle="" controls ></video>';
      $('.embed-responsive').html($html);
      videoInit();
      //$('#myModal').modal('show');
      $('#myModal').modal({
          backdrop: 'static'
      });
  }
  
  function videoInit() {
      var token = "{{ config('kayscience.MUX_TOKEN_ID') }}";
      var env_key = "{{ config('kayscience.MUX_ENV_KEY')  }}";
      $("#env_key").val(env_key);
      window.muxPlayerInitTime = Date.now();
  
      var playback_id = $('#myVideo').attr('data-id');
      console.log(playback_id);
      var hlsUrl = 'https://stream.mux.com/' + playback_id + '.m3u8';
      var vid = document.querySelector('#myVideo');
      var video_title = $('#myVideo').attr('data-vtitle');
      var video = $('#myVideo')[0];
     // const player = new Plyr(vid, {captions: {active: true, update: true, language: 'en'}});
      if (typeof mux !== 'undefined') {
          if (Hls.isSupported()) {
              var hls = new Hls({
                  maxMaxBufferLength : 15
              });
              hls.loadSource(hlsUrl);
              hls.attachMedia(vid);
          }
      }
  }
  
  $(".close").click(function () {
  
      var vid = document.querySelector('#myVideo');
      vid.pause();
  });
  
  $(".showAnswersBtn").hover(function () {
      $(this).toggleClass("activeclass");
  });
    $(".showAnswersBtn").click(function (e) {
      let txt = e.innerText;
      $('.showAnswersBtn').removeClass('showactiveclass');
      if(txt =='Show Answers') {
                      $(this).addClass("showactiveclass");
      }
      else{
                      $(this).removeClass("showactiveclass");
      }
  });
  function showAnswers(e,count) {
      let txt = e.innerText;
      if(txt =='Show Answers') {
           $('.unitquestion-'+count).css('display','block');
           $('.unitanswer-'+count).css('display','block');
           $(".ul_submenu").addClass('hideClass');
           $(".unitlist_"+count).removeClass('hideClass');
           $(".unitlist_"+count).addClass('showClass');
      }
      else{
          $('.unitquestion-'+count).css('display','block');
          $('.unitanswer-'+count).css('display','none');
          $('.showAnswersBtn').removeClass('showactiveclass');
          hideAlQuestionAnswer();
      }
      e.innerText = txt == 'Show Answers' ? 'Hide Questions & Answers' : 'Show Answers';            
  }
  
  function showAlQuestionAnswer() {
      $('.QuestionLabel').each(function(){
          var value = $(this).attr('data-value');
          $(".subitem_"+value).removeClass('hideClass');
          $(".subitem_"+value).addClass('showClass');
      });
  }
   function hideAlQuestionAnswer() {
      $('.QuestionLabel').each(function(){
          var value = $(this).attr('data-value');
          $(".subitem_"+value).removeClass('showClass');
          $(".subitem_"+value).addClass('hideClass');
      });
  }
  
  function Featurebtn(e,text) 
  {
      if(text == 'random') {
                      if($("#btn"+text).hasClass('activeclass')){
                               $("#btn"+text).removeClass('activeclass');
                      }
                      else{
                             $("#btn"+text).addClass('activeclass');
  
                      }
  
         
        showQuiz();
      }
      else  if(text == 'back') {
       $('.featureButn').removeClass('activeclass');
       $("#btn"+text).addClass('activeclass');
        window.location.href = "{{ url('teacher-exam-questions/worksheet-generator') }}";    
      }
      else  if(text == 'generate_qpdf') {
        $('.featureButn').removeClass('activeclass');
        $("#btn"+text).addClass('activeclass');
        var token = "{{ csrf_token() }}";                  
        var questions = [];
        var question_ids = [];
        var answers_ids = [];
        var not_selected_questionids = [];
        $('input:checkbox.checkquestion').each(function () {
            question_ids.push($(this).val());
            questions.push($(".questionItemtext_"+$(this).val()).val());
            answers_ids.push($(".answerItemtext_"+$(this).val()).val());
            if(this.checked ==  false) {
                  not_selected_questionids.push($(this).val());
            }
        });
        var title = $("#questiontitle").val();
        $.ajax({
        url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
        type: "POST",
        data: {
            'question_ids': question_ids,
            'not_selected_questionids': not_selected_questionids,
            'questions': questions,
            'answers_ids': answers_ids,
            'worksheet_type': 'question',
            'title':title,
            _token: token
        },
        dataType: "html"
        }).done(function (data) {
          var pdfUrl = "{{ url('teacher-exam-questions/worksheet-generator/pdf') }}";
          window.open(pdfUrl, '_blank');
        })
      }
      else  if(text == 'generate_apdf') {
        $('.featureButn').removeClass('activeclass');
        $("#btn"+text).addClass('activeclass');
        var token = "{{ csrf_token() }}";                  
        var questions = [];
        var question_ids = [];
        var answers_ids = [];
        var not_selected_questionids = [];
        $('input:checkbox.checkquestion').each(function () {
            question_ids.push($(this).val());
            questions.push($(".questionItemtext_"+$(this).val()).val());
            answers_ids.push($(".answerItemtext_"+$(this).val()).val());
            if(this.checked ==  false) {
                  not_selected_questionids.push($(this).val());
            }
        });
    
        var title = $("#questiontitle").val();
        $.ajax({
        url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
        type: "POST",
        data: {
            'question_ids': question_ids,
            'not_selected_questionids' :not_selected_questionids,
            'questions': questions,
            'answers_ids': answers_ids,
            'worksheet_type': 'answer',
            'title':title,
            _token: token
        },
        dataType: "html"
        }).done(function (data) {
          var pdfUrl = "{{ url('teacher-exam-questions/worksheet-generator/pdf') }}";
          window.open(pdfUrl, '_blank');
        })
      }
      else if(text == 'generate') {
        $('.featureButn').removeClass('activeclass');
        $("#btn"+text).addClass('activeclass');
        var token = "{{ csrf_token() }}";                  
        var questions = [];
        var question_ids = [];
        var answers_ids = [];
        var not_selected_questionids = [];
        $('input:checkbox.checkquestion').each(function () {
            question_ids.push($(this).val());
            questions.push($(".questionItemtext_"+$(this).val()).val());
            answers_ids.push($(".answerItemtext_"+$(this).val()).val());
            if(this.checked ==  false) {
                  not_selected_questionids.push($(this).val());
            }
        });
        var title = $("#questiontitle").val();
        $.ajax({
        url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
        type: "POST",
        data: {
            'question_ids': question_ids,
            'not_selected_questionids' : not_selected_questionids,
            'questions': questions,
            'answers_ids': answers_ids,
            'title':title,
            _token: token
        },
        dataType: "html"
        }).done(function (data) {
          var pdfUrl = "{{ url('teacher-exam-questions/worksheet-generator/pdf') }}";
          window.open(pdfUrl, '_blank');
        })
       }
      else  if(text == 'generate_separate') {
        $('.featureButn').removeClass('activeclass');
        $("#btn"+text).addClass('activeclass');
        var token = "{{ csrf_token() }}";                  
        var questions = [];
        var question_ids = [];
        var answers_ids = [];
        var not_selected_questionids = [];
        $('input:checkbox.checkquestion').each(function () {
            question_ids.push($(this).val());
            questions.push($(".questionItemtext_"+$(this).val()).val());
            answers_ids.push($(".answerItemtext_"+$(this).val()).val());
            if(this.checked ==  false) {
                  not_selected_questionids.push($(this).val());
            }
        });
        var title = $("#questiontitle").val();
        $.ajax({
        url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
        type: "POST",
        data: {
            'question_ids': question_ids,
            'not_selected_questionids': not_selected_questionids,
            'questions': questions,
            'answers_ids': answers_ids,
            'worksheet_type': 'question',
            'title':title,
            _token: token
        },
        dataType: "html"
        }).done(function (data) {
          var QpdfUrl = "{{ url('teacher-exam-questions/worksheet-generator/Questions') }}";
          window.open(QpdfUrl, '_blank');
      })
       setTimeout(() => {
                $.ajax({
                url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
                type: "POST",
                data: {
                    'question_ids': question_ids,
                    'not_selected_questionids': not_selected_questionids,
                    'questions': questions,
                    'answers_ids': answers_ids,
                    'worksheet_type': 'answer',
                    'title':title,
                    _token: token
                },
                dataType: "html"
                }).done(function (data) {
                  var QpdfUrl = "{{ url('teacher-exam-questions/worksheet-generator/Answers') }}";
                  window.open(QpdfUrl, '_blank');
              })
      
          }, 2000);
      }
      else if(text == 'display') {   
        $('.featureButn').removeClass('activeclass');
        $("#btn"+text).addClass('activeclass');
        var token = "{{ csrf_token() }}";                  
        var questions = [];
        var question_ids = [];
        var answers_ids = [];
        var not_selected_questionids = [];
        $('input:checkbox.checkquestion').each(function () {
            question_ids.push($(this).val());
            questions.push($(".questionItemtext_"+$(this).val()).val());
            answers_ids.push($(".answerItemtext_"+$(this).val()).val());
            if(this.checked ==  false) {
                  not_selected_questionids.push($(this).val());
            }
        });
        var title = $("#questiontitle").val();
        $.ajax({
        url: "{{ url('teacher-exam-questions/worksheet-generator/generateDisplayQs') }}",
        type: "POST",
        data: {
            'question_ids': question_ids,
            'not_selected_questionids' : not_selected_questionids,
            'questions': questions,
            'answers_ids': answers_ids,
            'title':title,
            _token: token
        },
        dataType: "html"
        }).done(function (data) {
            window.location.href = "{{ url('teacher-exam-questions/worksheet-generator/startDisplayQ') }}";    
        })
  }
  
  /***  if(text == 'display') {
          $('#btn'+text).addClass('activeclass');
      }
      else if(text == 'generate') {
          $('#btn'+text).addClass('activeclass');
      }
      else if(text == 'random') {
          $("#btn"+text).addClass('activeclass');
      } */
  }
  
             
  function showMessage(content, type){ 
  toastr.options = {
      "closeButton": true,
      "debug": true,
      "newestOnTop": true,
      "progressBar": true,
      "positionClass": "toast-bottom-right",
      "preventDuplicates": true,
      "showDuration": "300",
      "hideDuration": "1000",
      "timeOut": "5000",
      "extendedTimeOut": "1000",
      "showEasing": "swing",
      "hideEasing": "linear",
      "showMethod": "fadeIn",
      "hideMethod": "fadeOut"
      };
      if(type=='success') {
          toastr.success(content, "Success") ;
      }else if(type=="error") {
          toastr.error(content, "Error") ;            
      }else if(type=="warning") {
          toastr.warning(content, "Warning") ;
      }else{
          toastr.info(content, "Info") ;
      }
  }
  
  $('.saveButn').click(function() {
          $('.checkmark').css('display','none');
          var questionId = $(this).attr("data-savequestionid");
          $(".questionlabel_"+questionId).html($('.questiontext_'+questionId).val());
          $('.questionItemtext_'+questionId).val(  $('.questiontext_'+questionId).val());
          $('.checkq_'+questionId).css('display','block');
          setTimeout(() => {
                 $('.checkq_'+questionId).css('display','none');
                 $('.checkans_'+questionId).css('display','none');
          }, 2000);
           $('.answertext_'+questionId).addClass('savedAnswer');
           setTimeout(() => {
              $('.questiontext_'+questionId).removeClass('savedAnswer');
          }, 2000);
           $('.answerItemtext_'+questionId).val(  $('.answertext_'+questionId).val());
           $('.checkans_'+questionId).css('display','block');
           $(".saveButn").css('display','none');
           var buttonText = $(this).innerText;
           if(buttonText =='Show Answers') {
               $('.unitquestion-'+count).css('display','block');
               $('.unitanswer-'+count).css('display','block');
               showAlQuestionAnswer();
           }
           else{
               $('.unitquestion-'+count).css('display','block');
               $('.unitanswer-'+count).css('display','none');
               hideAlQuestionAnswer();
           }
         //  $(".subitem_"+questionId).removeClass('showClass');
          // $(".subitem_"+questionId).addClass('hideClass');
           showMessage('Updated successfully','success');
  });
  
  $('.questionbtn').click(function() {
          $('.checkmark').css('display','none');
          $('.questionbtn').removeClass('saveclass');
          $(this).addClass('saveclass');
          var questionId = $(this).attr("data-itemid");
          $('.questiontext_'+questionId).addClass('savedQuestion');
          $(".questionlabel_"+questionId).html($('.questiontext_'+questionId).val());
          $('.questionItemtext_'+questionId).val(  $('.questiontext_'+questionId).val());
          $('.checkq_'+questionId).css('display','block');
          showMessage('Question updated successfully','success');
          setTimeout(() => {
                 $(this).removeClass('saveclass');
                 $('.checkq_'+questionId).css('display','none');
          }, 2000);
  });
  
  $('.answerbtn').click(function() {
           $('.checkmark').css('display','none');
           $('.answerbtn').removeClass('saveclass');
           $(this).addClass('saveclass');
           var questionId = $(this).attr("data-itemid");
           $('.answertext_'+questionId).addClass('savedAnswer');
           setTimeout(() => {
              $('.questiontext_'+questionId).removeClass('savedAnswer');
          }, 2000);
           $('.answerItemtext_'+questionId).val(  $('.answertext_'+questionId).val());
           $('.checkans_'+questionId).css('display','block');
           showMessage('Answer updated successfully','success');
           setTimeout(() => {
                 $(this).removeClass('saveclass');
                 $('.checkans_'+questionId).css('display','none');
           }, 2000);
  });
  
  $('.showAnswersBtn').mouseover(function() {
      $('.featureButn').removeClass('activeclass');
      $(this).addClass('activeclass');
  });
  
    $('.checkquestion').change(function() {
        if( $(this).is(':checked')) {
            $(this).attr('checked',true);  
        }
        else{
            $(this).attr('checked',false);  
        }
    });
  
  
  $('.QuestionLabel').on('click',function(e){
      e.preventDefault();
      var value = $(this).attr('data-value');
      $('.ul_submenu').addClass('hideClass');
      $(".subitem").css('display','block');
      if($(".subitem_"+value).hasClass('showClass')){
          $(".subitem_"+value).removeClass('showClass');
          $(".subitem_"+value).addClass('hideClass');
      }
      else{
          $(".subitem_"+value).removeClass('hideClass');
          $(".subitem_"+value).addClass('showClass');
          
      }
  });
  $('body').bind('copy paste',function(e) {
      e.preventDefault(); return false; 
  });
  $("#new_question").click(function (e) {
  e.preventDefault();
  $("#questions_btn").hide();
  $("#answers_btn").show();
  //showQuiz();
  });
  
  function showQuiz() {
  if($("#btnrandom").hasClass('activeclass')){
     var status = 'Y';
  }
  else{
     var status = 'N';
  }    
  var token = "{{ csrf_token() }}";
  $.ajax({
    url: "{{ url('teacher-exam-questions/worksheet-generator/showQuiz') }}",
    type: "POST",
    data: {
        _token: token ,status:status
    },
    
    dataType: "html"
  }).done(function (data) {
    $("#question-answer-div").html(data);
    $("#div_questions").show();
  })
  
  }
  
  $(".questions,.answers").on("keyup",function(){  
  if($(this).val()) {
     var value = $(this).attr('data-qtnid');
     $(".saveButn").css('display','none');
     $(".saveBn_"+value).css('display','block');
  } else { 
     $(".saveButn").css('display','none');
     $(".saveButn").css('display','block');
  }
  });
</script>
@endsection