@extends('coaching.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">

                <form action="{{route('coaching.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>Question Entry 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 form_input" required>
                        <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>
                                            <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 Choise</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>
                      <!-- <select name="" class="form-control input-sm">
                        <option value="" selected="">Languages</option>
                      </select> -->
                    </div>
                  </div>
                  <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">
                        <option value="1" selected >English</option>
                      </select>
                    </div>
                  </div>

                  <div id="ques_apnd_dv">
                  </div>

                  <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>

                  <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 class="test-footer">
                    <button
                      class="btn btn-outline-primary btn-pill btn-streach font-book mt-7 fs-14"
                    >
                      Back
                    </button>
                    <button type="submit" id="ques_submit_btn"
                      class="btn btn-primary btn-streach font-book mt-7 fs-14  ml-3"
                      data-toggle="modal"
                      data-target="#uploadData"
                    >
                      Next
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
    </div>
</div>
</form>
@endsection
@section('scripts')
<!-- <script type="text/javascript" src="{{asset('js/test.js?v='.time())}}"></script> -->
<script>
      $(function(){
        $("#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');   
              } 
          });

          var question = $("#question").val();
          if(question==''){
            $('#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{
            $('#collapseOne').removeClass('show');
            $('#cke_solution').css('border', '1px solid #e8ebf3');
          }
          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');
          }
        });

        $("#subject_id").on('change',function() {
            var subject_id = $("#subject_id").val();
            var link  = "{{ url('/coaching-master/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);
              }
            });
        });

        $("#chapter_id").on('change',function() {
            var chapter_id = $("#chapter_id").val();
            var link  = "{{ url('/coaching-master/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 action_type='{{ $action_type }}';
        var question_type='{{ $question_type }}';
        var test_id = "{{ $test_id }}";
        var ques_id = "{{ $ques_id }}";
        if(action_type==2 && question_type!='' && question_type!=null){
          get_question_type_options(question_type);
        }

        $("#question_type").on('change',function() {
            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 link  = "{{ url('/coaching-master/test_series_manager/test/question/get_question_type_options') }}";
                $.ajax({
                  url : link,
                  type : "POST",
                  data : {
                      "_token" : "{{ csrf_token() }}",
                      "language_id" : language_id,
                      "test_id" : test_id,
                      "ques_id" : ques_id,
                      "question_type" : question_type,
                  },
                  success: function(data) {
                    //console.log(data);
                    var res = data.split("######");
                    $("#ques_apnd_dv").html(res[0]);
                    $("#ques_copy_dv").html(res[1]);
                  }
                });
        }

        $("#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('/coaching-master/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