@if($question->question_type=='audio')
    <div class="row">
    <div class="col-lg-12 text-center">
        <audio controls class="audio-controls">
          <source src="{{$path}}" type="audio/ogg">
          <source src="{{$path}}" type="audio/mpeg">
        </audio>
        </div>
    </div>
@endif

<div class="row">
    <div class="col-md-12">
        <ul class="questions-container">
                        @foreach($answers as $answer)
                        <li>
                <div class="question">
                    <h3>
                        {{ $answer->question }}
                    </h3>
                </div>
                <div class="select-answer">
                    <ul class="row">
                        @foreach($options as $suboptions)
                                                @foreach($suboptions as $option)
                        
                        <li class="col-md-6">
                            <input id="{{$question->id.'_'.$i.'_'.$index}}" value="{{$index}}" name="{{$question->id}}[{{$i}}]" type="radio"/>
                            <label for="{{$question->id.'_'.$i.'_'.$index}}">
                                <span class="fa-stack radio-button">
                                    <i class="mdi mdi-check active">
                                    </i>
                                </span>
                                {{$option}}
                            </label>
                        </li>
                          
                        @endforeach 
                        
                    @endforeach
                                        </ul>
                </div>
            </li>
            <hr>

                @endforeach
            </hr>
        </ul>
    </div>
</div>