@php
    $answers = json_decode($question->answers, true);
    $i = 0; 
    $q = 1;
    $sub_id = 1;
@endphp
@if (is_array($answers) && count($answers) > 0)
<div id="para_questions_{{$total_para_ques}}">
  @foreach($answers as $answer)
    <div class="question_para" style="display:none;" id="sub_qt_{{$question->id.'_'.$sub_id}}">
      @php
        $options = (array) $answer['options']; 
        $optionImages = isset($answer['images']) ? $answer['images'] : [] ;
        $index = 1;
      @endphp
      <div class="card mb-4">
        <div class="card-body">
            <div class="row pb-3 align-items-center">
                <div class="col-sm-6 mb-2 mb-sm-0">
                    <ul class="list-inline d-flex align-items-center mb-0">
                        <li class="list-inline-item">
                            <h5 class="mb-0">Question : {{addZero($numberQuestion)}}.{{$q++}}</h5>
                        </li>
                        {{-- <li class="list-inline-item">Weight : 
                          <span class="badge badge-success badge-pill mr-2">+{{$answer['mark_sub'] ?? 0}}</span>
                          <span class="badge badge-danger badge-pill">-{{isset($test->having_negative_mark) && $test->having_negative_mark == 1 ? $test->negative_mark : 0}}</span>
                        </li> --}}
                    </ul>
                </div>
			@if (!isset($preview))
                <div class="col-sm-6 mb-2 mb-sm-0">
                    <ul class="list-inline d-flex align-items-center justify-content-sm-end mb-0">
						<!-- <li class="list-inline-item">
							<i class="oi oi-pencil text-info"></i>By: {{ $question->client_mng_id ? "College":"Knewton"}}
						</li> -->
                        <li class="list-inline-item">
							<a href="#!" class="btn-report" data-toggle="modal" data-target=".bd-report-modal-lg"><i class="oi oi-warning text-warning"></i> Report Admin</a>
						</li>
                        <li class="list-inline-item">
							<a href="#!" class="btn-mark text-white"><i class="fas fa-bookmark text-white"></i> Mark for review</a>
                        </li>
                    </ul>
                </div>
			@endif
            </div>
            <div class="row">
              @if(isset($answer['has_file']) && $answer['has_file'] == 1 && !empty($answer['file_name']))
                <div class="col-sm-6">
                  <img src="{{$answer['file_name']}}" class="img-fluid">
                </div>
                <div class="col-sm-6 qt_1">
                  <p class="mb-0">{!! $answer['question'] !!}</p>
                </div>
              @else
                <div class="col-sm-12 qt_1">
                  <p class="mb-0">{!! $answer['question'] !!}</p>
                </div>
              @endif

              @isset ($preview)
                  @php
                      //$explanation = strip_tags($answer['explanation'] ?? null);
                      $explanation = $answer['explanation'] ?? null;
                  @endphp
                  @if (!empty($explanation))
                    <br>
                    <div class="col-md-12 font-italic qt_1">
                        <b style="font-weight: bolder;">Explanation: </b> {!! $explanation !!}
                    </div>
                  @endif
              @endisset
            </div>
        </div>
      </div>
      @php       
        /**
        * fixed data old
        */
        foreach ($options as $tmp) {
          if(is_array($tmp)){
            $options = $tmp;
          }
        }
        $nameInput = $question->id."[$i]";

        $record = false;
        if (is_array($answerOld)) {
            $collection = collect($answerOld);
            $filtered = $collection->where('name', $nameInput);
            $record = $filtered->first();
        }
      @endphp
      @foreach($options as $key => $option)
        @php
            $checked = "";
            if (
              isset($isTest)
              && isset($record['answer']) && $record['name'] == $nameInput 
              && $record['answer'] == ($index)) {
                $checked = "checked";
            }
        @endphp
        <div class="card mb-4">
          <div class="card-body">
            <label class="custom-control custom-radio mb-0 qt_1">
                <input 
                  id="{{$question->id.'_'.$i.'_'.$index}}" 
                  value="{{$index}}"
                  name="{{$nameInput}}" 
                  type="radio"
                  {{$checked}}
                  class="custom-control-input form-check-input answer">
                <span class="custom-control-label">{!! is_array($option) ? json_encode($option) : $option !!}</span>
                @if(isset($optionImages[$key]) && count($optionImages) > 0 )
                  @php
                      $image = (array) $optionImages[$key] ?? [];
                  @endphp
                  @if( !is_null($image) && !empty($image['file_name']))
                      <img src="{{ $image['file_name'] }}" style="width: 80px">
                  @endif
                @endif
            </label>
          </div>
        </div>
        @php
            $index++;
        @endphp
      @endforeach
      @php
          $i++;
          $sub_id++;
      @endphp
    </div>
  @endforeach
</div>
@endif