@if($questions->count() > 0 )


        <h3>Questions</h3><br> 
            
       
        <form class="questionform" name="questionForm" id="questionForm" method="POST" action="">
            {{ csrf_field() }}
            @php $i = 1; $enable = 0; @endphp
            @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> {{ $key +1 }}. </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"> 
                                        <input type="radio" name="set_opt_ans_{{ $quest->qId }}" class="mul-opt-ans form-control radio-success radio focusout" value="{{ $option->id }}" id="opt_{{$k+1}}"  >
                                        <span></span>
                                        {{ $option->option }}
                                    </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>

                    @elseif($quest->question_type == 2)
                        <div class="form-group row">
                            <div class="col-sm-12 col-form-label">
                                <label> {{ $key +1 }}. </label>  {{$quest->question}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                            <input type="text" data-question-id="{{ $quest->qId }}" class="oneword_ans form-control focusout" name="oneword_ans_{{ $quest->qId }}" id="oneword_ans_{{ $quest->qId }}" value="" width="48"/>
                            <div class="oneword_ans_error text-danger" id="oneword_ans_error_{{ $quest->qId }}">
                            </div>
                            </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">
                                <label> {{ $key +1 }}. </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-info font-weight-bold" data-id="{{$quest->qId}}" onclick="getNextQuestion({{$i}}, {{$enable}})" id="nxt_btn"> Next </button></div>
                            </div>
                    </div>
            </div>  
                    
                @php $i++; @endphp        
            @endforeach   
                    
        <div class="form-group row">
            <div class="col-sm-2">
                <button type="button" class="btn btn-success font-weight-bold" id="st_answer_sbmt" disabled>Submit</button>
            </div>
        </div> 

        </form>

    @else
    <p>No questions found !</p>
    @endif