@php
$time_spent = 0;
$answerOld = [];
if (isset($last_answer) && !is_null($last_answer)) {
$current_state = json_decode($last_answer->current_state, true);
$answerOld = $current_state[$question->id]['answers'] ?? [];
$time_spent = $current_state[$question->id]['time_spent'] ?? 0;
}
$verifiedBackground = "";
if(isset($preview) && $question->verified == 1){
$verifiedBackground = ' style="background-color:#4DEEEA" ; color:"black"';
}
@endphp
{{-- <pre>{{var_dump($current_state)}}</pre> --}}
<input type="hidden" class="time_spent" name="time_spent[{{$question->id}}]" id="time_spent_{{$question->id}}" value="{{$time_spent}}">
<div class="card mb-4">
    <div class="card-body badge-primary" >
        <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 question_text">
                    <li class="list-inline-item">
                        <h5 class="mb-0">Question : {{addZero($numberQuestion)}}</h5>
                    </li>
                    {{--@if($question->question_type != 'para') --}}
                    <li class="list-inline-item">Weight :
                        <span class="badge badge-success badge-pill mr-2">+{{$question->marks ?? 0}}</span>
                        @if(!in_array($question->question_type,array("essay","coding","coding_student")))
                        <span class="badge badge-danger badge-pill">-{{isset($test->having_negative_mark) && $test->having_negative_mark == 1 ? $test->negative_mark : 0}}</span>
                        @endif
                    </li>
                    {{-- @endif --}}
                </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 question_text">
                    @if($question->question_type != 'para')
                    <!-- <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>
                    @endif
                </ul>
            </div>
            @endif
        </div>
        <div class="row qt_1">
            @if (!empty($question->has_graph) && !is_null($question->graph))
            @include('student.test.exam.questions.load_chart')
            <div class="invoice-highlight tx-bold question_text">
               <p>{!! $question->question !!}</p>
            </div>
            @else
            <div class="invoice-highlight tx-bold question_text">
                 <p>{!! $question->question !!}</p>
            </div>
            @endif
        </div>

        @if(
        $question->question_type != 'para'
        && $question->question_type != 'audio'
        && $question->question_type != 'video'
        && $question->question_type != 'video_embed'
        && $question->question_type != 'audio_embed'
        && !empty($question->question_file)
        )
        <div class="row">
            <div class="col-md-12 text-center">
                <img class="img-fluid" src="{{$question->question_file}}">
            </div>
        </div>
        @else
        @if($question->question_type == 'audio')
        <div class="row">
            <div class="col-md-12 text-center">
                <audio controls class="audio-controls media-view">
                    <source src="{{$question->question_file}}" type="audio/ogg">
                    <source src="{{$question->question_file}}" type="audio/mpeg">
                </audio>
            </div>
        </div>
        @elseif($question->question_type == 'video')
        @php
        $video_path= $question->question_file;
        if($question->question_file_is_url){
        $video_path= $question->question_file;
        }
        @endphp
        <div class="row">
            <div class="col-md-12 text-center">
                <video class="video-js vjs-big-play-centered media-view" controls preload="auto" width="300" height="264" poster="" data-setup='{"aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'>
                    <source src="{{$video_path}}" type='video/mp4'>

                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
                </video>
            </div>
        </div>
        @elseif($question->question_type == 'video_embed')
        <div class="row">
            <div class="col-md-12 text-center">
                <iframe class="media-view" width="100%" height="480" src="{{trim($question->question_file)}}&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
            </div>
        </div>
        @elseif($question->question_type == 'audio_embed')
        <div class="row">
            <div class="col-md-12 text-center">
                <iframe class="media-view" width="100%" height="300" src="{{trim($question->question_file)}}" scrolling="no" frameborder="no" allow="autoplay"></iframe>
            </div>
        </div>
        @elseif($question->question_type == 'para')
        @if($question->question_file_is_url == 1 && !empty($question->question_file))
        <div class="row">
            <div class="col-md-12 text-center">
                <img src="{{$question->question_file}}" class="img-fluid">
            </div>
        </div>
        @endif
        @endif
        @endif


        @isset ($preview)
        @php
        // $explanation = strip_tags($question->explanation ?? null);
        $explanation = strpos($question->explanation,"img") ? $question->explanation : strip_tags($question->explanation);
        @endphp
        @if (!empty($explanation))
        <div class="row">
            <div class="col-md-12 qt_1">
                <h4> Explanation: </h4> {!! $question->explanation !!}
            </div>
        </div>
        @endif
        @endisset
    </div>
</div>


<!-- <hr class="bottom-hr"> -->
@if (in_array($question->question_type, ['para','video','audio', 'video_embed','audio_embed']))
@include('student.test.exam.questions.question_para', [
'answerOld' => $answerOld,
'numberQuestion' => $numberQuestion,
])
@else
@if ($question->question_type === "radio")
@php
$answers = json_decode($question->answers, true);
$i=1;
@endphp

@if (is_array($answers) && count($answers) > 0)
@foreach($answers as $answer)
<div class="card mb-4">
    <div class="card-body">
        @php
        $option_value = $answer['option_value'] ?? null;
        if (is_array($option_value)) {
        $option_value = json_encode($option_value);
        }
        $option_value = trim($option_value);

        $nameInput = $question->id.'[]';

        $checked = "";
        if (is_array($answerOld)) {
        $collection = collect($answerOld);
        $collection->where('name', $nameInput);
        $record = $collection->first();
        if (
        isset($isTest)
        && isset($record['answer']) && $record['name'] == $nameInput
        && $record['answer'] == $i
        ) {
        $checked = "checked";
        }
        }
        @endphp
        <label class="custom-control custom-radio mb-0 qt_1">
            <input id="{{$question->id}}_{{$i}}" value="{{$i}}" name="{{$nameInput}}" {{$checked}} type="radio" class="custom-control-input form-check-input answer">
            <span class="custom-control-label">{!! $option_value !!}</span>
            @if(!empty($answer['file_name']) && $answer['has_file'])
            <img src="{{$answer['file_name']}}" style="width: 80px">
            @endif
        </label>
    </div>
</div>
@php
$i = $i +1;
@endphp
@endforeach

@endif
@elseif(in_array($question->question_type, ['coding', 'coding_student']))
@include('student.test.exam.questions.question_coding', [
'answerOld' => $answerOld,
'numberQuestion' => $numberQuestion,
])
@else
@include('student.test.exam.questions.question_'.$question->question_type, [
'answerOld' => $answerOld,
'numberQuestion' => $numberQuestion,
])
@endif

@endif

@push("styles")
<link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
<style>
    .input-group-prepend .input-group-text:last-child {
        padding-right: 10px;
    }

    .input-group-prepend .input-group-text:first-child {
        padding-left: 10px;
    }
</style>
@endpush