@if($questions->isEmpty() && $answered_questions->isEmpty())
<h4>No quizzes found</h4>
@else
<h3>Questions</h3>
<br>
<form class="questionform" name="questionForm" id="questionForm" method="POST" action="">
  {{ csrf_field() }}
  @php
  $i = 1;
  $enable = 0;
  $qno = 1;
  @endphp
  @forelse($answered_questions as $key1=>$answerQuest)
  @php
  $ans = explode(',',$answerQuest->correct_answer);
  $color = $answerQuest->is_correct?'green':'red';
  @endphp
  <div class="form-group custom_grp_fm" id="cstm_oneword_{{ $answerQuest->qId }}" data-question="{{$answerQuest->question}}">
    <label for="">{{ $qno }}. {{$answerQuest->question}}</label>
    @if($answerQuest->post_text!='')
    <div class="input-append">
      <input class="span2 txt_single-ans oneword_ans focusout {{ $answerQuest->is_correct?'txt-success':'txt-danger' }} keydisabled" name="oneword_ans_{{ $answerQuest->qId }}"  id="oneword_ans_{{ $answerQuest->qId }}" data-question-id="{{ $answerQuest->qId }}" type="text" value="{{ $answerQuest->answer }}       {{ $answerQuest->is_correct?'✔':'✖' }}"
        style="color: {{$color}}; font-weight: bold; font-size: medium;" autocomplete="off"><span class="add-on">{{ $answerQuest->post_text}}</span>
    </div>
    @else
    <input type="text"  name="oneword_ans_{{ $answerQuest->qId }}"  autocomplete="off" class="form-control txt_single-ans form-control oneword_ans focusout {{ $answerQuest->is_correct?'txt-success':'txt-danger' }} keydisabled"  id="oneword_ans_{{ $answerQuest->qId }}" data-question-id="{{ $answerQuest->qId }}" value="{{ $answerQuest->answer }}       {{ $answerQuest->is_correct?'✔':'✖' }}"
      style="color: {{$color}}; font-weight: bold; font-size: medium;" >
    @endif     
    @if($answerQuest->is_correct == 0)
    <div class="answer-success">
      <h4>Answer : {{ $ans[0] }}
       <a class="report-issue" href="javascript:void(0)" onclick="reportIssue({{ $answerQuest->qId }},'{{ $ans[0] }}',{{ $answerQuest->is_correct }})">Report an issue</a> 
      </h4>
    </div>
    @endif
  </div>
  @php
  $qno++;
  @endphp
  @empty
  @endforelse
  @foreach($questions as $key=>$quest)
  @if($i == 1)
  <div id="questionDiv_{{$key}}">
  @else
  <div id="questionDiv_{{$key}}" style="display:none;">
    @endif
    @php
    $questionImages = App\Models\QuestionImage::where('question_id',$quest->qId)->get();
    @endphp
    <input type="hidden" name="question_ids[]" value="{{$quest->qId}}">
    @if(sizeof($questionImages)>0)
    @foreach($questionImages as $image)
    <div class="img-wrap"> <img class="thumb" title="{{$image->id}}" data-id="{{$image->id}}" src="{{ asset('storage/uploads/questions/'. $image->question_id .'/' .  $image->image ) }}"> </div>
    @endforeach
    @endif
    @if($quest->question_type == 1)
    <div class="form-group row">
      <div class="col-sm-12 col-form-label">
        <label> {{ $qno }}. </label> {{$quest->question}}
      </div>
    </div>
    @php
    $set_options = App\Models\MultipleOption::where('question_id',$quest->qId)->get();
    @endphp
    <div class="form-group row">
      <div class="col-sm-12 col-form-label">
        <div class="radio-inline"> 
          @foreach($set_options as $k=>$option)
          <label class="radio radiooption_{{ $quest->qId }}" >
          <input type="radio" name="set_opt_ans_{{ $quest->qId }}" data-qid= "{{ $quest->qId }}" class="multiple_single-ans" data-answer="{{ $option->option }}" value="{{ $option->id }}" id="opt_{{$qno}}"> <span class="label_{{$option['id']}}">{{ $option->option }}</span>  </label> 
          @endforeach
        </div>
        <span class="text-danger" id="multi_opt_answer_div_error_{{$quest->qId}}" style="display: none;">Please select your answer</span>
      </div>
    </div>
    <div class="form-group custom_grp_fm" id="cstm_multipleoption_{{ $quest->qId }}" data-question="{{$quest->question}}"></div>
    @elseif($quest->question_type == 2)
    @php
    $post_text =  App\Models\OneWordAnswer::where('question_id',$quest->qId)->first()->post_text;
    @endphp
    <div class="form-group custom_grp_fm" id="cstm_oneword_{{ $quest->qId }}" data-question="{{$quest->question}}">
      <label for="">{{ $qno }}. {{$quest->question}}</label>
      @if($post_text!='')
      <div class="input-append"><input class="span2 txt_single-ans oneword_ans focusout bg-white" name="oneword_ans_{{ $quest->qId }}"  id="oneword_ans_{{ $quest->qId }}" data-question-id="{{ $quest->qId }}" type="text" value="" autocomplete="off"><span class="add-on">{{ $post_text}}</span><input type="hidden" name="question_id"  class="single_answer" value="" ></div>
      @else
      <input type="text"  name="oneword_ans_{{ $quest->qId }}"  autocomplete="off" class="form-control txt_single-ans form-control oneword_ans focusout bg-white"  id="oneword_ans_{{ $quest->qId }}" data-question-id="{{ $quest->qId }}"><input type="hidden" name="question_id"  class="single_answer" value="" >
      @endif
      <input type="hidden" name="question_id" value="{{ $quest->qId }}">
    </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> {{ $qno }}. </label> {!! $replacedQuestion !!} <span class="text-danger" id="answer_div_error_{{$quest->qId}}" style="display: none;">Fill all fillable fields</span>
      </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-blue 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>
  </div>
  @php
  $i++;
  $qno++;
  @endphp
  @endforeach
  <div class="form-group">
    <div class="bg-light p-2 rounded text-center">
      <input type="hidden" name="work_progress" id="work_progress" value="0">
      <button type="button" class="btn btn-danger btn-lg" id="st_answer_sbmt">Finish Revision</button>
    </div>
  </div>
</form>
@endif