@extends('admin.layouts.app')

@section('content')
<div class="page-inner">
            <div class="page-header">
              <h3 class="fw-bold mb-3">{{ucfirst($chapter->chapter)}}</h3>
              <ul class="breadcrumbs mb-3">
                <li class="nav-home">
                  <a href="#">
                    <i class="icon-home"></i>
                  </a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($course->course_name)}}</a>
                </li>    
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($class->class)}}</a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($subject->subject)}}</a>
                </li>
                <li class="separator">
                  <i class="icon-arrow-right"></i>
                </li>
                <li class="nav-item">
                  <a href="#">{{ucfirst($chapter->chapter)}} Edit</a>
                </li>           
              </ul>
            </div>
            <div class="row">   

              <div class="col-md-12">
                @if(session('success_msg'))
                  <div class="alert alert-success">{{session('success_msg')}}</div>
                @endif
                @if(session('error_msg'))
		                <div class="alert alert-danger">{{session('error_msg')}}</div>
		            @endif
                <div class="card">
                  <div class="card-header">
                    <div class="d-flex align-items-center">
                      <!-- <h4 class="card-title">{{ucfirst($course->course_name)}} - {{ucfirst($class->class)}} {{ucfirst($subject->subject)}} Study Materials</h4>     -->
                       <h4 class="card-title">Edit Question</h4>
                          <a href="{{URL::to('admin/course/'.$course->id.'/class/'.$class->id.'/subjects/'.$subject->id.'/chapters/'.$chapter->id.'/offline-questions')}}?series_id={{$series_id}}" class="btn btn-primary btn-round ms-auto">Back</a>                  
                      
                    </div>
                  </div>
                  <div class="card-body">                   
                    <form class="form-horizontal form1" action="{{URL::to('admin/course/'.$course->id.'/class/'.$class->id.'/subjects/'.$subject->id.'/chapters/'.$chapter->id.'/offline-questions/'.$question->id)}}?series_id={{$series_id}}" id="edit-form" role="form" method="POST" enctype="multipart/form-data">
                            <div class="mb-3">
                                <label class="col-md-3 control-label" for="question_level">Level <span class="mandatory"></span></label>
                                <div class="col-md-4">
                                  <select class="form-control" name="question_level" id="question_level" disabled>
                                    <option value="0" @if($question->question_level == 0) selected @endif>N/A</option>
                                  @if(isset($questionLevels) && !empty($questionLevels))
                                    @foreach($questionLevels as $ke=>$qlevel)

                                        <option value="{{$ke}}" @if($question->question_level == $ke) selected @endif>{{$qlevel}}</option>

                                    @endforeach
                                  @endif
                                </select>
                                </div>
                              </div>


                              <div class="mb-3">
                                <label class="col-md-3 control-label" for="question_type">Question Type <span class="mandatory">*</span></label>
                                <div class="col-md-4">
                                  <select class="form-control" name="question_type" id="question_type" required disabled>
                                  @if(isset($questionTypes) && !empty($questionTypes))
                                    @foreach($questionTypes as $qType)

                                        <option value="{{$qType->id}}" @if($question->question_type == $qType->id) selected @endif>{{ucwords($qType->name)}}</option>

                                    @endforeach
                                  @endif
                                </select>
                                </div>
                              </div>

                              
                              <div class="mb-3 question-text">
                                <label class="col-md-3 control-label" for="question">Question <span class="mandatory"></span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="question" name="question">{{$question->question}}</textarea>
                                   <br/>
                                </div>
                              </div>

                              @if($question->question_type == 3)

                              <div class="mb-3 match-question">
                                <label class="col-md-3 control-label" for="column_a">Column A <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="column_a" name="column_a" required>@if(isset($questionMatchPair->id)) {{$questionMatchPair->left_item}} @endif</textarea>
                                   <br/>
                                </div>
                              </div>

                              <div class="mb-3 match-question">
                                <label class="col-md-3 control-label" for="column_b">Column B <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="column_b" name="column_b" required>@if(isset($questionMatchPair->id)) {{$questionMatchPair->right_item}} @endif</textarea>
                                   <br/>
                                </div>
                              </div>

                              @endif

                              @if($question->question_type == 5)

                              <div class="mb-3 assertion-question">
                                <label class="col-md-3 control-label" for="assertion">Assertion <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="assertion" name="assertion" required>@if(isset($questionAssertionReason->id)) {{$questionAssertionReason->assertion}} @endif</textarea>
                                   <br/>
                                </div>
                              </div>

                              <div class="mb-3 assertion-question">
                                <label class="col-md-3 control-label" for="reason">Reason <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="reason" name="reason" required>@if(isset($questionAssertionReason->id)) {{$questionAssertionReason->reason}} @endif</textarea>
                                   <br/>
                                </div>
                              </div>

                              @endif

                              @if($question->question_type == 4)

                              <div class="mb-3 true-false-question">
                                <label class="col-md-3 control-label" for="true_false">Answer Type <span class="mandatory"></span></label>
                                <div class="col-md-4">
                                  <select class="form-control" name="true_false" id="true_false" required>

                                      <option value="" selected>Select Answer</option>
                                      <option value="1" @if(isset($questionTrueFalse->id) && $questionTrueFalse->is_true==1) selected @endif>True</option>
                                      <option value="0" @if(isset($questionTrueFalse->id) && $questionTrueFalse->is_true!=1) selected @endif>False</option>

                                </select>
                                </div>
                              </div>

                              @endif

                              @if($question->question_type == 6 || $question->question_type == 7)

                              <!-- <div class="mb-3 answer-format">
                                <label class="col-md-3 control-label" for="answer_format">Answer Format <span class="mandatory">*</span></label>
                                <div class="col-md-4">
                                  <select class="form-control" name="answer_format" id="answer_format" required>

                                      <option value="" selected>Select Answer Format</option>
                                      <option value="1">Choice based</option>
                                      <option value="2">Regular</option>

                                </select>
                                </div>
                              </div> -->

                              @endif

                              @if($question->question_type == 1 || $question->question_type == 2)

                              
                              <div class="mb-3 choice-answer blank-answer">
                                <label class="col-md-3 control-label" for="answer1">Answer 1 <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="answer1" name="choice_answer[]">{{$choice_answer}}</textarea>
                                   <input type="hidden" class="form-check-input" id="choice_id1" name="choice_id[]" value="{{$choice_id}}">
                                 </div>

                                 @if($question->question_type == 1)

                                <div class="col-md-2 correct-choice-answer">
                                  <br/>
                                  <div class="form-check custom-checkbox mb-3 checkbox-success check-lg">
                                    <input type="checkbox" class="form-check-input" id="correct_choice_answer1" name="correct_choice_answer[]" value="0" @if($correct_answer == 1) checked @endif>
                                    <label class="form-check-label" for="correct_choice_answer1" style="margin-top: 6px;">Is right answer?</label>
                                  </div>
                                </div>
                                <br/>

                                @endif

                              </div>

                              
                              <div class="mb-3 choice-answer blank-answer">
                                <label class="col-md-3 control-label" for="answer2">Answer 2 <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="answer2" name="choice_answer[]">{{$choice_answer}}</textarea>
                                   <input type="hidden" class="form-check-input" id="choice_id2" name="choice_id[]" value="{{$choice_id}}">
                                </div>

                                @if($question->question_type == 1)

                                <div class="col-md-2 correct-choice-answer">
                                  <br/>
                                  <div class="form-check custom-checkbox mb-3 checkbox-success check-lg">
                                    <input type="checkbox" class="form-check-input" id="correct_choice_answer2" name="correct_choice_answer[]" value="1" @if($correct_answer == 1) checked @endif>
                                    <label class="form-check-label" for="correct_choice_answer2" style="margin-top: 6px;">Is right answer?</label>
                                  </div>
                                </div>
                                <br/>

                                @endif

                              </div>

                              @endif

                              @if($question->question_type == 1)

                              
                              <div class="mb-3 choice-answer">
                                <label class="col-md-3 control-label" for="answer3">Answer 3 <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="answer3" name="choice_answer[]">{{$choice_answer}}</textarea>
                                   <input type="hidden" class="form-check-input" id="choice_id3" name="choice_id[]" value="{{$choice_id}}">
                                </div>
                                <div class="col-md-2 correct-choice-answer">
                                  <br/>
                                  <div class="form-check custom-checkbox mb-3 checkbox-success check-lg">
                                    <input type="checkbox" class="form-check-input" id="correct_choice_answer3" name="correct_choice_answer[]" value="2" @if($correct_answer == 1) checked @endif>
                                    <label class="form-check-label" for="correct_choice_answer3" style="margin-top: 6px;">Is right answer?</label>
                                  </div>
                                </div>
                                <br/>
                              </div>

                              
                              <div class="mb-3 choice-answer">
                                <label class="col-md-3 control-label" for="answer4">Answer 4 <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="answer4" name="choice_answer[]">{{$choice_answer}}</textarea>
                                   <input type="hidden" class="form-check-input" id="choice_id4" name="choice_id[]" value="{{$choice_id}}">
                                </div>
                                <div class="col-md-2 correct-choice-answer">
                                  <br/>
                                  <div class="form-check custom-checkbox mb-3 checkbox-success check-lg">
                                    <input type="checkbox" class="form-check-input" id="correct_choice_answer4" name="correct_choice_answer[]" value="3" @if($correct_answer == 1) checked @endif>
                                    <label class="form-check-label" for="correct_choice_answer4" style="margin-top: 6px;">Is right answer?</label>
                                  </div>
                                </div>
                                <br/>
                              </div>

                              
                              <div class="mb-3 choice-answer">
                                <label class="col-md-3 control-label" for="answer4">Answer 5 <span class="mandatory"></span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="answer5" name="choice_answer[]">{{$choice_answer}}</textarea>
                                   <input type="hidden" class="form-check-input" id="choice_id5" name="choice_id[]" value="{{$choice_id}}">
                                </div>
                                <div class="col-md-2 correct-choice-answer">
                                  <br/>
                                  <div class="form-check custom-checkbox mb-3 checkbox-success check-lg">
                                    <input type="checkbox" class="form-check-input" id="correct_choice_answer5" name="correct_choice_answer[]" value="4" @if($correct_answer == 1) checked @endif>
                                    <label class="form-check-label" for="correct_choice_answer5" style="margin-top: 6px;">Is right answer?</label>
                                  </div>
                                </div>
                                <br/>
                              </div>

                              @endif

                              @if($question->question_type == 3 || $question->question_type == 6 || $question->question_type == 7 || $question->question_type == 8 || $question->question_type == 9 || $question->question_type == 10)

                              <div class="mb-3 regular-answer">
                                <label class="col-md-3 control-label" for="regular_answer">Answer <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="regular_answer" name="regular_answer">@if(isset($questionMatchPair->id)) {{$questionMatchPair->answer}} @elseif(isset($questionAnswer->id)) {{$questionAnswer->answer}} @endif</textarea>
                                </div>
                                <br/>
                              </div>

                              @endif
                             

                              <div class="mb-3 answer-key">
                                <label class="col-md-3 control-label" for="solution">Solution / Explanation <span class="mandatory">*</span></label>
                                <div class="col-md-8">
                                   <textarea class="form-control ckeditor" id="solution" name="solution">{{$question->solution}}</textarea>
                                </div>
                              </div>


                        @if(Auth()->guard('admin')->user()->role==1)

                        <div class="mb-3 form-footer">
                          <div class="col-sm-offset-4 col-sm-8">
                            <br/>
                            <input type="hidden" name="_method" value="PUT" />
                            <button type="submit" class="btn btn-primary submitBtn">Update</button>
                            <button type="reset" class="btn btn-light">Reset</button>
                          </div>
                        </div>

                        @endif


                          </form>
                    
                  </div>
                </div>
              </div>
            </div>
          </div>           
<script type="text/javascript">

 $('#edit-form').validate({
    submitHandler: function (form) {
      $('.submitBtn').attr('disabled','disabled');
      form.submit();
    }
  });

  $("#correct_answer").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 49 || e.which > 52)) {
        //display error message
        return false;
    }
   });

  $("#question_type").change(function (e) {
    var question_type = $('#question_type').val();
    $('.match-question').hide();
    $('.assertion-question').hide();
    $('.true-false-question').hide();
    $('.answer-format').hide();
    $('.choice-answer').hide();
    $('.correct-choice-answer').hide();
    $('.regular-answer').hide();

    if(question_type==1) {
      // This is choice based question

      $('.choice-answer').show();
      $('.correct-choice-answer').show();
    
    } else if(question_type==2) {
      // This is fill in the blanks question

      $('.blank-answer').show();
    
    } else if(question_type==3) {
      // This is match the following question

      $('.match-question').show();
      $('.regular-answer').show();
    
    } else if(question_type==4) {
      // This is true or false question

      $('.true-false-question').show();
    
    } else if(question_type==5) {
      // This is assertion & reason question

      $('.assertion-question').show();
      $('.correct-choice-answer').show();
    
    } else if(question_type==6 || question_type==7) {
      // This is assertion & reason question

      $('.answer-format').show();
    
    } else if(question_type==8 || question_type==9 || question_type==10) {
      // This is very short, short and long answer question

      $('.regular-answer').show();
    
    }

  });
  
</script>

@endsection