@if($questions->isEmpty())
<h4>Questions from the selected videos have run out - please press back
(<<) to select new questions</h4>
@else
<div class="col-md-12" id="question-div">
  {{ csrf_field() }}
  @php
  $i = 1;
  $enable = 0;
  $qno = 1;
  @endphp
  @php 

  $questions = SESSION::get('questions');
  @endphp
  @foreach($questions as $key=>$quest)
  @php
  $curAnswerArray = explode(",", $quest->answer);
  $answer = mb_convert_encoding($curAnswerArray[0], 'UTF-8', 'UTF-8');
  @endphp
  @if($quest->question_type == 1)
  <div class="form-group row">
    <div class="col-sm-12 col-form-label " >
    <div class="question-lnk" data-qid="{{ $quest->qId }}" id="question-{{ $quest->qId }}"><label> {{ $qno }}. </label> {{$quest->question}}</div>
    </div>
    <div class="answer-lnk answer-{{$quest->qId}}" data-qid="{{ $quest->qId }}" style="display:none;">{{$answer}}</div>
  </div>
  @elseif($quest->question_type == 2)
  <div class="form-group custom_grp_fm " data-question="{{$quest->question}}">
  <div class="question-lnk" data-qid="{{ $quest->qId }}" id="question-{{ $quest->qId }}"><label for="">{{ $qno }}. {{$quest->question}}</label></div>
    <div class="answer-lnk answer-{{$quest->qId}}" data-qid="{{ $quest->qId }}" style="display:none;">{{$answer}}</div>
  </div>
  @elseif($quest->question_type == 3)
  @php
  $rep_question = $quest->question;
  $count = substr_count($rep_question, '________');
  for($i=1; $i<=$count; $i++){
  $str_qs[]='<input type="text" data-question-id="fill_blank_pos_' .$i. '" class="fill_blank input-sm focusout" name="fill_blank_ans_' .$quest->qId.'[]" id="qs_'.$quest->qId.'" style="width: 200px" />';
  }
  $replacedQuestion = Str::replaceArray('________', $str_qs , $rep_question);
  @endphp
  <div class="form-group row">
    <div class="col-sm-12 col-form-label " >
    <div class="question-lnk" data-qid="{{ $quest->qId }}" id="question-{{ $quest->qId }}"><label> {{ $qno }}. </label> {!! $replacedQuestion !!} <span class="text-danger" id="answer_div_error_{{$quest->qId}}" style="display: none;">Fill all fillable fields</span></div>
    </div>
    <div class="answer-lnk answer-{{$quest->qId}}" data-qid="{{ $quest->qId }}" style="display:none;">{{$answer}}</div>
  </div>
  @endif
  @if($loop->last)
  @php $enable = 1; @endphp
  @endif
  <!-- <div class="form-group row">
    <div class="col-sm-12 col-form-label">
        <div id="next_btn_div_{{$i}}">
            <button type="button" class="btn btn-primary btn-lg btnnxt" data-id="{{$quest->qId}}" id="btn{{$i}}" onclick="getNextQuestion({{$i}}, {{$enable}}, {{$quest->qId}},{{$quest->question_type}})" id="nxt_btn">Submit</button>
        </div>
    </div>
    </div> -->
  @php
  $i++;
  $qno++;
  @endphp
  @endforeach
  <!-- <div class="form-group row">
    <div class="col-sm-12">
        <input type="hidden" name="work_progress" id="work_progress" value="0">
        <button type="button" style="float:right;" class="btn btn-danger font-weight-bold" id="st_answer_sbmt">FINISH REVISION</button>
    </div>
    </div> -->
</div>
@php
$i = 1;
$enable = 0;
$ano = 1;
@endphp
<div class="col-md-12" id="answer-div" style="display:none;">
  @foreach($questions as $key=>$quest)
  @php
  $curAnswerArray = explode(",", $quest->answer);
  $answer = mb_convert_encoding($curAnswerArray[0], 'UTF-8', 'UTF-8');
  @endphp
  @if($quest->question_type == 1)
  <div class="form-group row">
    <div class="col-sm-12 col-form-label">
      <label> {{ $ano }}. </label> {{$answer}}
    </div>
  </div>
  @elseif($quest->question_type == 2)
  <div class="form-group custom_grp_fm" id="cstm_oneword_{{ $quest->qId }}" data-question="{{$quest->question}}">
    <label for="">{{ $ano }}. {{$answer}}</label>
  </div>
  @elseif($quest->question_type == 3)
  @php
  $rep_question = $quest->question;
  $count = substr_count($rep_question, '________');
  for($i=1; $i<=$count; $i++){
  $str_qs[]='<input type="text" data-question-id="fill_blank_pos_' .$i. '" class="fill_blank input-sm focusout" name="fill_blank_ans_' .$quest->qId.'[]" id="qs_'.$quest->qId.'" style="width: 200px" />';
  }
  $replacedQuestion = Str::replaceArray('________', $str_qs , $rep_question);
  @endphp
  <div class="form-group row">
    <div class="col-sm-12 col-form-label">
      <label> {{ $ano }}. </label> {!! $replacedQuestion !!} <span class="text-danger" id="answer_div_error_{{$quest->qId}}" style="display: none;">Fill all fillable fields</span>
    </div>
  </div>
  @endif
  <!-- <div class="form-group row">
    <div class="col-sm-12 col-form-label">
        <div id="next_btn_div_{{$i}}">
            <button type="button" class="btn btn-primary btn-lg btnnxt" data-id="{{$quest->qId}}" id="btn{{$i}}" onclick="getNextQuestion({{$i}}, {{$enable}}, {{$quest->qId}},{{$quest->question_type}})" id="nxt_btn">Submit</button>
        </div>
    </div>
    </div> -->
  @php
  $i++;
  $ano++;
  @endphp
  @endforeach
  <!-- <div class="form-group row">
    <div class="col-sm-12">
        <input type="hidden" name="work_progress" id="work_progress" value="0">
        <button type="button" style="float:right;" class="btn btn-danger font-weight-bold" id="st_answer_sbmt">FINISH REVISION</button>
    </div>
    </div> -->
</div>
@endif