@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
          <div class="side-app">
            <div class="page-header">
              <ol class="breadcrumb">
                <li class="breadcrumb-item ">
                  <a href="">Package Management</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                  <a href="">Test Series Manager</a>
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                  Gate 2019
                </li>
              </ol>
            </div>
            <!-- MAIN BODY CONTENT -->
            <h1>@if($action_type==1) 
                Add 
                @elseif($action_type==2)
                Edit
                @endif
               Test Question
            </h1>
            <!-- Table -->
            <div class="card">
              @if(Session::has('errors'))
                  <div class="alert alert-danger" style="background: none; border: none;">
                      @foreach ($errors->all() as $error)
                              <p style="color: #f00">{{ $error }}</p>
                      @endforeach
                  </div>
              @endif
              @if(Session::has('error'))
                  <div class="alert alert-danger" style="background: none; border: none;">
                      <p style="color: #f00">{{ Session::get('error') }}</p>
                  </div>           
              @endif
              <div class="steps-wrap">
                <ul class="steps-item">
                  <li>
                    <a href="{{route('admin.test_series_manager.test.edit', base64_encode($test_details->id))}}" class="">
                    <div class="step-content">
                      <p class="step">Step 1</p>
                      <p class="step-desc">Create a New Test</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(21017.088 -1472.473)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(-21017.088 1472.473)"
                          fill="none"
                        />
                        <g transform="translate(-21013.088 1474.973)">
                          <g transform="translate(0 6.846)">
                            <path
                              d="M8,12.154a1.51,1.51,0,0,1-.683-.165A7.716,7.716,0,0,0,4,11.317a9,9,0,0,0-2.2.263,1.45,1.45,0,0,1-.358.045A1.434,1.434,0,0,1,.432,11.2,1.455,1.455,0,0,1,0,10.163V1.927A1.494,1.494,0,0,1,.888.577,7.915,7.915,0,0,1,4,0,6.685,6.685,0,0,1,8,1.095a6.69,6.69,0,0,1,4-1.095,7.853,7.853,0,0,1,3.106.577A1.494,1.494,0,0,1,16,1.927v8.236a1.437,1.437,0,0,1-1.8,1.417,9,9,0,0,0-2.2-.263,7.643,7.643,0,0,0-3.317.672A1.476,1.476,0,0,1,8,12.154Zm4-10.693a8.806,8.806,0,0,0-4,1.1v8.4a8.815,8.815,0,0,1,4-1.095,9.163,9.163,0,0,1,1.673.146.768.768,0,0,0,.134.012.734.734,0,0,0,.739-.728V2.38a.739.739,0,0,0-.581-.716A9.2,9.2,0,0,0,12.006,1.46Z"
                              transform="translate(0 0)"
                              fill=""
                            />
                          </g>
                          <ellipse
                            cx="3.296"
                            cy="3.267"
                            rx="3.296"
                            ry="3.267"
                            transform="translate(4.894)"
                            fill=""
                          />
                        </g>
                      </g>
                    </svg>
                    </a>
                  </li>
                  <li class="active">
                    <a href="{{route('admin.test_series_manager.test.question.list', base64_encode($test_details->id))}}" class="">
                    <div class="step-content">
                      <p class="step">Step 2</p>
                      <p class="step-desc">Add Question</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="35"
                      height="29.002"
                      viewBox="0 0 35 29.002"
                    >
                      <path
                        d="M3.807,24.191A13,13,0,0,1,13,2a12.91,12.91,0,0,1,5.4,1.168A9,9,0,0,0,25.849,17,13.012,13.012,0,0,1,13,28,12.909,12.909,0,0,1,3.807,24.191Zm8.244-4.721a1.5,1.5,0,0,0-.5.324,1.616,1.616,0,0,0-.336.487,1.542,1.542,0,0,0,.336,1.7,1.533,1.533,0,0,0,.5.325,1.647,1.647,0,0,0,.631.112,1.594,1.594,0,0,0,.619-.112,1.685,1.685,0,0,0,.5-.325,1.538,1.538,0,0,0,.341-.492,1.573,1.573,0,0,0,0-1.212,1.7,1.7,0,0,0-.341-.487,1.6,1.6,0,0,0-.5-.324,1.47,1.47,0,0,0-.619-.121A1.535,1.535,0,0,0,12.051,19.471Zm1.771-7.939a1.1,1.1,0,0,1,.355.859,1.534,1.534,0,0,1-.193.779,2.478,2.478,0,0,1-.474.59,5.351,5.351,0,0,1-.623.5,7.107,7.107,0,0,0-.619.474,2.281,2.281,0,0,0-.475.547,1.249,1.249,0,0,0-.191.7.787.787,0,0,0,.005.107.514.514,0,0,0,.008.08s0,.008,0,.012a.046.046,0,0,0,0,.012l.2,1.454h1.911l.252-1.262a.936.936,0,0,1,.283-.5,4.829,4.829,0,0,1,.539-.457c.05-.039.1-.076.153-.115l.08-.06.005-.006c.138-.1.278-.21.424-.322a3.683,3.683,0,0,0,.635-.631,3.262,3.262,0,0,0,.481-.865,3.351,3.351,0,0,0,.187-1.188,3.312,3.312,0,0,0-.251-1.31A2.915,2.915,0,0,0,15.78,9.91a3.394,3.394,0,0,0-1.158-.643A4.835,4.835,0,0,0,13.1,9.04a5.657,5.657,0,0,0-1.123.107,4.92,4.92,0,0,0-.967.289,5.5,5.5,0,0,0-.84.426,6.069,6.069,0,0,0-.727.524l.739,1.135a.626.626,0,0,0,.576.329.683.683,0,0,0,.342-.1l.119-.063.045-.024c.066-.037.136-.074.21-.113l.029-.015a2.972,2.972,0,0,1,.546-.223,2.818,2.818,0,0,1,.8-.1A1.4,1.4,0,0,1,13.822,11.532ZM18,8a8,8,0,1,1,8,8A8.01,8.01,0,0,1,18,8Zm3.534,1.2H25.09v3.847h2.435V9.2H31.1V7.052H27.526V3.226H25.09V7.052H21.534Z"
                        transform="translate(0.5 0.5)"
                        fill=""
                        stroke="rgba(0,0,0,0)"
                        stroke-width="1"
                      />
                    </svg>
                    </a>
                  </li>
                  <li>
                    <a href="{{route('admin.test_series_manager.test.setting.add', base64_encode($test_details->id))}}" class="">
                    <div class="step-content">
                      <p class="step">Step 3</p>
                      <p class="step-desc">Test Setting</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-542 -154)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(542 154)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                          fill=""
                        />
                      </g>
                    </svg>
                    </a>
                  </li>
                  <li>
                    <a href="{{route('admin.test_series_manager.test.final.review', base64_encode($test_details->id))}}" class="">
                    <div class="step-content">
                      <p class="step">Step 4</p>
                      <p class="step-desc">Finish Test</p>
                    </div>
                    <svg
                      class="step-img"
                      xmlns="http://www.w3.org/2000/svg"
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                    >
                      <g transform="translate(-542 -154)">
                        <rect
                          width="24"
                          height="24"
                          transform="translate(542 154)"
                          fill="rgba(0,0,0,0)"
                        />
                        <path
                          d="M561,175H547a2,2,0,0,1-2-2V159a2,2,0,0,1,2-2h4.18a2.988,2.988,0,0,1,5.64,0H561a2,2,0,0,1,2,2v14A2,2,0,0,1,561,175Zm-11-6a1,1,0,1,0,0,2h5a1,1,0,0,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm0-4a1,1,0,1,0,0,2h8a1,1,0,1,0,0-2Zm4-4a1,1,0,1,0,1,1A1,1,0,0,0,554,157Z"
                          fill=""
                        />
                      </g>
                    </svg>
                    </a>
                  </li>
                </ul>
                <form action="{{route('admin.test_series_manager.test.question.save')}}" method="post" id="package_test_question_add_frm" enctype="multipart/form-data">
                {{csrf_field()}}            
                <div class="card-body">
                  <div class="filter-box mb-7">
                    <h3>Choose Options</h3>
                    <div class="custom-filter-row">
                      <input name="test_id" type="hidden" value="{{ $test_id }}">
                      <input name="ques_id" type="hidden" value="{{ $ques_id }}">
                      <select name="subject_id" id="subject_id" class="form-control input-sm form_input" required>
                        <option value="" selected="">Select Subject</option>
                        @if($test_subjects)
	                    		@foreach($test_subjects as $test_subject)
	                    		    <option value="{{$test_subject->id}}" @if(isset($ques_details) && $ques_details->subject_id == $test_subject->id){{'selected'}}@endif>{{$test_subject->subject}}</option>
	                    		@endforeach
		                    @endif
                      </select>
                      <select name="chapter_id" id="chapter_id" class="form-control input-sm form_input" required>
                        <option value="" selected="">Select Chapter</option>
                        @if($test_chapters)
	                    		@foreach($test_chapters as $test_chapter)
	                    		    <option value="{{$test_chapter->id}}" @if(isset($ques_details) && $ques_details->chapter_id == $test_chapter->id){{'selected'}}@endif>{{$test_chapter->chapter}}</option>
	                    		@endforeach
		                    @endif
                      </select>
                      <select name="topic_id" id="topic_id" class="form-control input-sm">
                        <option value="" selected="">Select Topic</option>
                        @if($test_topics)
	                    		@foreach($test_topics as $test_topic)
	                    		    <option value="{{$test_topic->id}}" @if(isset($ques_details) && $ques_details->topic_id == $test_topic->id){{'selected'}}@endif>{{$test_topic->topic}}</option>
	                    		@endforeach
		                    @endif
                      </select>
                      <?php
                      if(isset($ques_details) && $ques_details->question_type!=''){
                        $question_type=$ques_details->question_type;
                      }else{
                        $question_type='';
                      }
                      ?>
                      <input type="hidden" name="hidden_question_type" value="{{ $question_type }}">
                      <select name="question_type" id="question_type" class="form-control input-sm form_input" required @if($action_type==2){{ 'disabled' }}@endif >
                        <option value="">Select Question Type</option>
                        <option value="1" @if(isset($ques_details) && $ques_details->question_type == 1){{'selected'}}@endif >Multiple Choice</option>
                        <option value="2" @if(isset($ques_details) && $ques_details->question_type == 2){{'selected'}}@endif >Multiple Response</option>
                        <option value="3" @if(isset($ques_details) && $ques_details->question_type == 3){{'selected'}}@endif >True False</option>
                        <option value="4" @if(isset($ques_details) && $ques_details->question_type == 4){{'selected'}}@endif >Fill Up The Blanks</option>
                        <option value="5" @if(isset($ques_details) && $ques_details->question_type == 5){{'selected'}}@endif >Match Following</option>
                        <option value="6" @if(isset($ques_details) && $ques_details->question_type == 6){{'selected'}}@endif >Match Matrix</option>
                        <option value="7" @if(isset($ques_details) && $ques_details->question_type == 7){{'selected'}}@endif >Essay</option>
                        <option value="8" @if(isset($ques_details) && $ques_details->question_type == 8){{'selected'}}@endif >Single Digit</option>
                        <option value="9" @if(isset($ques_details) && $ques_details->question_type == 9){{'selected'}}@endif >Subjective</option>
                      </select>
                    </div>
                  </div>

                  <div  id="question_blank_div" class="package-content">
                    <img
                      class="open-book"
                      src="{{ url('/admin/images/help-plus.svg') }}"
                      alt=""
                    />
                    <h2>Add question details</h2>
                    <p>
                      Select Subject, chapter, topic and question type...
                    </p>
                  </div>

                  <div id="question_type_div" style="display:none;">
                      <div class="header-septr mb-4">
                        <h2>Question Details</h2>
                        <div class="filter-group">
                          <select name="language_id" id="language_id" class="form-control input-sm">
                            @if($available_language==1 || $available_language==3) 
                            <option value="1" selected >English</option>
                            @elseif($available_language==2)
                            <option value="2" selected >Hindi</option>
                            @endif
                          </select>
                        </div>
                      </div>

                      <div id="ques_apnd_dv">
                      </div>
                      @if($available_language==3) 
                      <div class="choose-lang-bottom">
                        <p class="fs-14 font-medium">
                          @if($action_type==1) 
                          Add 
                          @elseif($action_type==2)
                          Update
                          @endif
                          this Question in Different Lang.
                        </p>
                        <select name="" id="ques_copy_lang" class="form-control input-sm">
                          <option value="">Choose Lang</option>
                          <option value="2" >Hindi</option>
                        </select>
                      </div>
                      @endif
                      <div id="ques_copy_dv">
                      </div>

                      <div id="loading_image" style="display:none; margin-left:45%;">
                        <image src="{{ url('/admin/images/loading_image.gif') }}" height="70">
                      </div>
                </div>
                <div class="test-footer">
                  <a href="{{route('admin.test_series_manager.test.question.list', base64_encode($test_id))}}" class="btn btn-outline-primary btn-pill btn-streach font-book mt-7 fs-14">
                    Back
                  </a>
                  <button type="button" id="ques_save_close_btn"
                    class="btn btn-primary btn-streach font-book mt-7 fs-14  ml-3"
                    data-toggle="modal"
                    data-target="#uploadData"
                  >
                    Save & Close
                  </button>
                   <button type="button" id="ques_save_new_btn"
                    class="btn btn-primary btn-streach font-book mt-7 fs-14  ml-3"
                    data-toggle="modal"
                    data-target="#uploadData"
                  >
                    Save & New
                  </button>
                  <input type="hidden" name="ques_submit_type" id="ques_submit_type" value="1">
                  <input type="submit" value="Submit" id="ques_submit_btn" style="display:none;">
                </div>

                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
    </div>
</div>
</form>
@endsection
@section('scripts')
<script>
      $(function(){
        $('body').on('keydown', '#rightMarks , #negativeMarks', function() {
            if (event.shiftKey == true) {
                event.preventDefault();
            }
            if ((event.keyCode >= 48 && event.keyCode <= 57) || 
                (event.keyCode >= 96 && event.keyCode <= 105) || 
                event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 ||
                event.keyCode == 39 || event.keyCode == 46 || event.keyCode == 190) {
            } else {
                event.preventDefault();
            }
            if($(this).val().indexOf('.') !== -1 && event.keyCode == 190)
                event.preventDefault(); 
        });

        $('body').on('keyup change', '#rightMarks , #negativeMarks', function() {
            var rightMarks=$("#rightMarks").val();
            var negativeMarks=$("#negativeMarks").val();
            if(rightMarks!=''){
              if(negativeMarks!=''){
                  if(parseFloat(rightMarks) < parseFloat(negativeMarks)){
                    $("#negativeMarks").val(''); 
                    alertify.error('Negative marks should not be greater than original marks!');
                  }
              }
            }else{
              if(negativeMarks!=''){
                 $("#negativeMarks").val(''); 
                 alertify.error('Please enter marks first!');
              }
            }
        });

        $("#ques_save_close_btn").on('click',function() {
          $("#ques_submit_type").val(1);
          $("#ques_submit_btn").click();
        });

        $("#ques_save_new_btn").on('click',function() {
          $("#ques_submit_type").val(2);
          $("#ques_submit_btn").click();
        });

        $("#ques_submit_btn").on('click',function() {
          for (instance in CKEDITOR.instances) {
            CKEDITOR.instances[instance].updateElement();
          }

          $('.form_input').css('border', '1px solid #e8ebf3');   
          $(".form_input").each(function (item) {
              if($(this).val()==''){
                  $(this).css('border', '1px solid #f00');  
                  alertify.error($(this).attr('name').replace('_',' ').replace('[]',' ')+' is required'); 
              } 
          });

          var question = $("#question").val();
          if(question==''){
            $('#cke_question').css('border', '1px solid #f00');
            return false;
          }else{
            var question = question.toString();
            var question = question.replace(/<[^>]*>/g, '');
            var question = question.trim();
            var question_compair_text='You can add text, HTML, equations and images here as question.';
            var question_compair_text_2='Write a question here.';
            if(String(question) === String(question_compair_text) || String(question) === String(question_compair_text_2)) {
                 $('#cke_question').css('border', '1px solid #f00');
                 return false;
            }else{
                $('#cke_question').css('border', '1px solid #e8ebf3');
                var solution = $("#solution").val();
                if(solution==''){
                  $('#collapseOne').addClass('show');
                  $('#cke_solution').css('border', '1px solid #f00');
                  return false;
                }else{
                  var solution = solution.toString();
                  var solution = solution.replace(/<[^>]*>/g, '');
                  var solution = solution.trim();
                  var solution_compair_text='Write your solution here.';
                  if(String(solution) === String(solution_compair_text)) {
                      $('#collapseOne').addClass('show');
                      $('#cke_solution').css('border', '1px solid #f00');
                      return false;
                  }else{
                      $('#collapseOne').removeClass('show');
                      $('#cke_solution').css('border', '1px solid #e8ebf3');

                      var solution_url=$("#solution_url").val();
                      if(solution_url!=''){
                        var solution_url_valid=validURL(solution_url);
                        if(solution_url_valid==false){
                          $('#collapseOne').addClass('show');
                          $("#solution_url").css('border', '1px solid #f00');
                          alertify.error('Invalid solution url'); 
                          return false;
                        }
                      }

                      var rightMarks = $("#rightMarks").val();
                      var negativeMarks = $("#negativeMarks").val();
                      var difficulty_level = $("#difficulty_level").val();
                      var facultyName = $("#facultyName").val();
                      if(rightMarks=='' || negativeMarks=='' || difficulty_level=='' || facultyName==''){
                        $('#collapseTwo').addClass('show');
                      }else{
                        $('#collapseTwo').removeClass('show');
                      }
                  }
                }
            }
          }

        });

        function validURL(str) {
          var pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol
            '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // domain name
            '((\\d{1,3}\\.){3}\\d{1,3}))'+ // OR ip (v4) address
            '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path
            '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string
            '(\\#[-a-z\\d_]*)?$','i'); // fragment locator
          return !!pattern.test(str);
        }

        var action_type='{{ $action_type }}';
        var question_type='{{ $question_type }}';
        var test_id = "{{ $test_id }}";
        var ques_id = "{{ $ques_id }}";
        var number_of_changes=0;
        if(action_type==2 && question_type!='' && question_type!=null){
          var number_of_changes=1;
          get_question_type_options(question_type);
        }
        
        var subject_previous='';
        $("#subject_id").on('click', function () {
            subject_previous = $(this).val();
        }).change(function() {
            change_confirm('subject');
        });

        function subject_change(){
            number_of_changes=0;
            $("#chapter_id").html('<option value="">Select Chapter</option>');
            $("#topic_id").html('<option value="">Select Topic</option>');
            $("#question_type").val("");
            $("#ques_apnd_dv").html('');
            $("#ques_copy_dv").html('');
            var subject_id = $("#subject_id").val();
            var link  = "{{ url('/admin/test_series_manager/test/question/get_subject_chapter') }}";
            $.ajax({
              url : link,
              type : "POST",
              data : {
                  "_token": "{{ csrf_token() }}",
                  "subject_id" : subject_id,
              },
              success: function(data) {
                $("#chapter_id").html(data);
              }
            });
            var question_type = $("#question_type").val();
            if(question_type==''){
                $("#question_blank_div").show();
                $("#question_type_div").hide();
            }else{
                $("#question_blank_div").hide();
                $("#question_type_div").show();
            }
        }

        $("#chapter_id").on('change',function() {
            var chapter_id = $("#chapter_id").val();
            var link  = "{{ url('/admin/test_series_manager/test/question/get_chapter_topic') }}";
            $.ajax({
              url : link,
              type : "POST",
              data : {
                  "_token": "{{ csrf_token() }}",
                  "chapter_id" : chapter_id,
              },
              success: function(data) {
                $("#topic_id").html(data);
              }
            });
        });
       
        var question_type_previous='';
        $("#question_type").on('click', function () {
            question_type_previous = $(this).val();
            var subject_id = $("#subject_id").val();
            if(subject_id==''){
              Swal.fire('Please choose any subject first!');
            }
        }).change(function() {
            change_confirm('question_type');
        });

        function change_confirm(confirm_type){
          var subject_previous_value=subject_previous;
          var question_type_previous_value=question_type_previous;
          var question_2_length=$('#question_2').length;
          if(question_2_length==1){
              Swal.fire({
                title: 'Are you sure to change?',
                text: "If you change anything in english language section, hindi language section will be erased and you have to copy again for hindi language!",
                showCancelButton: true,
                confirmButtonColor: '#ff7149',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
              }).then((result) => {
                if(result.value){
                  if(confirm_type=='question_type'){
                    question_type_change();
                  }
                  if(confirm_type=='subject'){
                    subject_change();
                  }
                }else{
                  if(confirm_type=='question_type'){
                    $("#question_type").val(question_type_previous_value);
                  }
                  if(confirm_type=='subject'){
                    $("#subject_id").val(subject_previous_value);
                  }
                }
              })
          }else if(number_of_changes>0){
              Swal.fire({
                title: 'Are you sure to change?',
                text: "All written question and options and solution will be erased and you have to write again!",
                showCancelButton: true,
                confirmButtonColor: '#ff7149',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
              }).then((result) => {
                if(result.value){
                  if(confirm_type=='question_type'){
                    question_type_change();
                  }
                  if(confirm_type=='subject'){
                    subject_change();
                  }
                }else{
                  if(confirm_type=='question_type'){
                    $("#question_type").val(question_type_previous_value);
                  }
                  if(confirm_type=='subject'){
                    $("#subject_id").val(subject_previous_value);
                  }
                }
              })
          }else{
              if(confirm_type=='question_type'){
                    question_type_change();
              }
              if(confirm_type=='subject'){
                    subject_change();
              }
          }
        }

        function question_type_change(){
          number_of_changes++;
          $("#ques_apnd_dv").html('');
          $("#ques_copy_dv").html('');
          $("#ques_copy_lang").val('');
          if(action_type==1){
            var question_type = $("#question_type").val();
            get_question_type_options(question_type);
          }
        }
        
        function get_question_type_options(question_type){
          var language_id = $("#language_id").val();
          var subject_id = $("#subject_id").val();
          var link  = "{{ url('/admin/test_series_manager/test/question/get_question_type_options') }}";
                $.ajax({
                  url : link,
                  type : "POST",
                  data : {
                      "_token" : "{{ csrf_token() }}",
                      "language_id" : language_id,
                      "subject_id" : subject_id,
                      "test_id" : test_id,
                      "ques_id" : ques_id,
                      "question_type" : question_type,
                  },
                  success: function(data) {
                    //console.log('options data',data);
                    var res = data.split("######");
                    $("#ques_apnd_dv").html(res[0]);
                    $("#ques_copy_dv").html(res[1]);
                    if(question_type==''){
                        $("#question_blank_div").show();
                        $("#question_type_div").hide();
                    }else{
                        $("#question_blank_div").hide();
                        $("#question_type_div").show();
                    }
                  }
                });
        }

        $("#ques_copy_lang").on('click',function() {
            for (instance in CKEDITOR.instances) {
              CKEDITOR.instances[instance].updateElement();
            }
            
            $('.form_input').css('border', '1px solid #e8ebf3'); 
            $("#solution_url").css('border', '1px solid #e8ebf3');
            $(".form_input").each(function (item) {
                if($(this).val()==''){
                  $(this).css('border', '1px solid #f00');  
                } 
            });

            var question_type_chk = $("#question_type").val();
            if(question_type_chk=='' || question_type_chk==null){
              Swal.fire('Please choose question type and fillup all requird fields!');
              return false;
            }
            var question = $("#question").val();
            if(question==''){
              $('#cke_question').css('border', '1px solid #f00');
              Swal.fire('Please write question details!');
              return false;
            }else{
              var question = question.toString();
              var question = question.replace(/<[^>]*>/g, '');
              var question = question.trim();
              var question_compair_text='You can add text, HTML, equations and images here as question.';
              var question_compair_text_2='Write a question here.';
              if(String(question) === String(question_compair_text) || String(question) === String(question_compair_text_2)) {
                 $('#cke_question').css('border', '1px solid #f00');
                 Swal.fire('Please write question details!');
                 return false;
              }else{
                 $('#cke_question').css('border', '1px solid #e8ebf3');
              }
            }

            var ansoption_blank=0;
            $(".ansoption").each(function (item) {
                if($(this).val()==''){
                  ansoption_blank=1;
                  $(this).css('border', '1px solid #f00');  
                } 
            });
            if(ansoption_blank==1){
            Swal.fire('Please fillup all answer option fields!');
            return false;
            }
            var anschoice_blank=0;
            $(".anschoice").each(function (item) {
                if($(this).val()==''){
                  anschoice_blank=1;
                  $(this).css('border', '1px solid #f00');  
                } 
            });
            if(anschoice_blank==1){
            Swal.fire('Please fillup all answer choise fields!');
            return false;
            }

            var solution = $("#solution").val();
            if(solution==''){
              $('#collapseOne').addClass('show');
              $('#cke_solution').css('border', '1px solid #f00');
              Swal.fire('Please write solution details!');
              return false;
            }else{
              var solution = solution.toString();
              var solution = solution.replace(/<[^>]*>/g, '');
              var solution = solution.trim();
              var solution_compair_text='Write your solution here.';
              if(String(solution) === String(solution_compair_text)) {
                 $('#collapseOne').addClass('show');
                 $('#cke_solution').css('border', '1px solid #f00');
                 Swal.fire('Please write solution details!');
                 return false;
              }else{
                $('#cke_solution').css('border', '1px solid #e8ebf3');
              }
            }

            var solution_url=$("#solution_url").val();
            if(solution_url!=''){
              var solution_url_valid=validURL(solution_url);
              if(solution_url_valid==false){
                $('#collapseOne').addClass('show');
                $("#solution_url").css('border', '1px solid #f00');
                Swal.fire('Please write valid solution url!');
                return false;
              }
            }
            
        });

        $("#ques_copy_lang").on('change',function() {
                for (instance in CKEDITOR.instances) {
                  CKEDITOR.instances[instance].updateElement();
                }
                $("#ques_copy_dv").html('');
                var ques_copy_lang = $("#ques_copy_lang").val();
                var question_type = $("#question_type").val();
                var text_editor = $("#text_editor").val();
                if ($("#is_compiler").prop("checked")) {
                  var is_compiler = 1;
                }else{
                  var is_compiler = 0;
                }
                var question_val=$('#question').val();
                var solution_val=$('#solution').val();
                var solution_url_val=$('#solution_url').val();
                if(ques_copy_lang==2){
                    $('#loading_image').show();
                    var link  = "{{ url('/admin/test_series_manager/test/question/get_question_type_copy_options') }}";
                    var option_length=$('#option-items li').length;
                    if(question_type==5 || question_type==6){
                      var option_length=$('.match-qst-left .match-qst-group li').length;
                    }
                    if(question_type==9){
                      var option_length=$('.anseditor').length;
                    }
                    var option_checked=[];
                    var option_value=[];
                    var option_choice_value=[];
                    var option_choose_value=[];
                    if(option_length>0){
                      for(let mc=0; mc < option_length; mc++ ){
                        if ($("#right_answer_"+mc).prop("checked")) {
                          option_checked[mc]=1;  
                        }else{
                          option_checked[mc]=0;
                        }
                        var option_2_val=$('#answer_option_'+mc).val();
                        option_value[mc]=option_2_val;
                      }
                    }
                    if(question_type==5 || question_type==6 || question_type==9){
                      var option_length_index=15+option_length;
                      var mcmz=0;
                      if(option_length>0){
                        for(let mc=0; mc < option_length; mc++ ){
                          var option_choice_2_val=$('#answer_choice_'+mc).val();
                          option_choice_value[mc]=option_choice_2_val;
                          if(question_type==5){
                            var radioValue = $("input[name='answer_choose_"+mc+"']:checked"). val();
                            option_choose_value[mc]=radioValue;
                          }
                          if(question_type==6){
                            for(let mz=15; mz < option_length_index; mz++ ){
                              if ($("#answer_choose_"+mc+"_"+mz).prop("checked")) {
                                option_choose_value[mcmz]=$("#answer_choose_"+mc+"_"+mz).val();  
                              }
                              mcmz++;
                            }
                          }
                        }
                      }
                    }
                    if(question_type==7){
                      var option_2_val=$('#answer_option_0').val();
                      option_value[0]=option_2_val;
                      option_length=1;
                    }
                    var option_checked = JSON.stringify(option_checked);
                    var option_value = JSON.stringify(option_value);
                    var option_choice_value = JSON.stringify(option_choice_value);
                    var option_choose_value = JSON.stringify(option_choose_value);
                    $.ajax({
                      url : link,
                      type : "POST",
                      data : {
                          "_token" : "{{ csrf_token() }}",
                          "language_id" : ques_copy_lang,
                          "test_id" : test_id,
                          "ques_id" : ques_id,
                          "question_type" : question_type,
                          "text_editor" : text_editor,
                          "is_compiler" : is_compiler,
                          "option_length" : option_length,
                          "question_val" : question_val,
                          "solution_val" : solution_val,
                          "solution_url_val" : solution_url_val,
                          "option_checked" : option_checked,
                          "option_value" : option_value,
                          "option_choice_value" : option_choice_value,
                          "option_choose_value" : option_choose_value
                      },
                      success: function(data) {
                        $('#loading_image').hide();
                        $("#ques_copy_dv").html(data);
                      }
                    });
                }
        });
        @if(Session::has('success'))
            Swal.fire('{{ Session::get('success') }}');
        @endif
      });
</script>
@endsection