@extends('student.layouts.app')
@section('titlePage', 'Check Answer')
@section('content')
<script>  
    document.getElementById("dr-1").classList.add("active");
</script>
<div class="container-fluid flex-grow-1 container-p-y">
    <!-- <h4 class="font-weight-bold py-3 mb-0">
        <span class="float-right">
            @if ($type == "Tests")
                <a href="{{$_SERVER['HTTP_REFERER']}}"><i class="fas fa-arrow-left"></i> Back</a>
            @else
                <a href="{{_route('student.assignments.check-correct-answer', $test->slug)}}"><i class="fas fa-arrow-left"></i> Back</a>
            @endif
        </span>
        {{$type}}
    </h4> -->
    <!-- <hr class="title-bottom"> -->
    <div class="row">
        <div class="col-12">
			<div class="card">
				<div class="card-header text-primary font-weight-bold">
					<div class="p-sm-2 p-1 border-bottom d-flex justify-content-between align-center">
					<h4>Result for <span class="text-secondary">{{$test->title}}</span></h4>
					<div class="justify-content-center">
						<ol class="breadcrumb breadcrumb-style3">
							<li class="breadcrumb-item tx-15"></li>
							<li class="breadcrumb-item active"><a href="{{ url()->previous() }}">Back</a></li>
						</ol>
					</div>
				</div>
				</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            @if ($questions->count() > 0)
                                @php
                                    $numberQuestion = 0;
                                    $total_para_ques = 0;
                                    $list_correct_answers = [];
									$exam_type = $test->exam_type;
									$section_data = json_decode($test->section_data);
									$que_json = json_decode($questions);
                                @endphp
								@if($exam_type!="NSNT")
									@foreach ($section_data as $sec_val)
										@php 
											$section_name = $sec_val->section_name;
											$sec_questions = $sec_val->questions;
										@endphp
									<div class="mt-5 mb-3 text-center "><h3 class="text-primary"><span class="border border-dark">&nbsp;&nbsp;Section: {{$section_name}}&nbsp;&nbsp;</span></h3></div>
									
									@foreach ($sec_questions as $sec_que_id)
										
										@php
										$arrkey = array_keys(array_column($que_json, 'id'), $sec_que_id);
										//dd($arrkey[0]);
											$question = $que_json[$arrkey[0]];
										
											$question = (object) $question;
										@endphp
										@if (!is_null($question))
											@if (in_array($question->question_type, ['para','video','audio', 'video_embed','audio_embed']))
												@php
													++$total_para_ques;
												@endphp
											@endif
											@include('student.test.exam.questions.load', [
												'question' => $question,
												'total_para_ques' => $total_para_ques,
												'numberQuestion' => $numberQuestion = $numberQuestion + 1,
												'preview' => true
											])
											
											@php
												$list_correct_answers[$question->id] = [
													'type' => $question->question_type,
													'correct_answers' => json_decode($question->correct_answers ?? null, true)
												];
											@endphp
											@if ($question->question_type == "blanks" || $question->question_type == "match")
												@php
													$answer = $answers[$question->id] ?? [];
													$answer = is_array($answer) ? array_filter($answer) : [];
												@endphp
												Answered: <pre>{!! count($answer) > 0 ? implode($answer, ' and ') : null !!}</pre>
											@endif
										@endif
										<hr>
									@endforeach
									@endforeach
								@else
									@foreach ($questions as $question)										
										@php
											$question = (object) $question;
										@endphp
										@if (!is_null($question))
											@if (in_array($question->question_type, ['para','video','audio', 'video_embed','audio_embed']))
												@php
													++$total_para_ques;
												@endphp
											@endif
											@include('student.test.exam.questions.load', [
												'question' => $question,
												'total_para_ques' => $total_para_ques,
												'numberQuestion' => $numberQuestion = $numberQuestion + 1,
												'preview' => true
											])
											
											@php
												$list_correct_answers[$question->id] = [
													'type' => $question->question_type,
													'correct_answers' => json_decode($question->correct_answers ?? null, true)
												];
											@endphp
											@if ($question->question_type == "blanks" || $question->question_type == "match")
												@php
													$answer = $answers[$question->id] ?? [];
													$answer = is_array($answer) ? array_filter($answer) : [];
												@endphp
												Answered: <pre>{!! count($answer) > 0 ? implode($answer, ' and ') : null !!}</pre>
											@endif
										@endif
										<hr>
									@endforeach
								@endif		
                            @endif
                        </div>
                    </div>
                </div>
			</div>
		</div>
	</div>
    <!-- [ Main Content ] end -->
</div>
@endsection

@include('master.tests.tests.inc.script-preview')

@push("script")
<script>
    $('.form-check-label input:checked').each(function() {
        $(this).parent().parent().addClass('bg-info text-white');
    });
    var answers = @json($answers);
    var question_types = @json($question_types);
    Object.keys(question_types).forEach(function(questionId) {
        if (typeof answers[questionId] !== "undefined") {
            if (['para','video','audio', 'video_embed','audio_embed'].includes(question_types[questionId])) {
                Object.keys(answers[questionId]).forEach(function(key_answer) {
                    let answer = answers[questionId][key_answer];
                    let input = $('input#'+questionId+'_'+key_answer+'_'+answer);
                    if (input.is(":checked")) {
                        input.parent().parent().removeClass('bg-info').addClass('bg-success');
                    }else{
                        input.parent().parent().addClass('bg-danger text-white');
                    }
                });
            }else if(question_types[questionId] === "checkbox" || question_types[questionId] === "radio"){
                Object.keys(answers[questionId]).forEach(function(key_answer) {
                    let answer = answers[questionId][key_answer];
                    let input = $('input[name="'+questionId+'[]"]').eq(answer -1);
                    if (input.is(":checked")) {
                        input.parent().parent().removeClass('bg-info').addClass('bg-success');
                    }else{
                        input.parent().parent().addClass('bg-danger text-white');
                    }
                });
            }else if(question_types[questionId] == "blanks" || question_types[questionId] == "match"){
                Object.keys(answers[questionId]).forEach(function(key_answer) {
                    let answer = answers[questionId][key_answer];
                    let input = $('input[name="'+questionId+'[]"]').eq(key_answer);
                    if (input.val() == answer) {
                        input.removeClass('is-invalid').addClass('is-valid');
                    }else{
                        input.addClass('is-invalid');
                    }
                });
            }else if(question_types[questionId] == "essay" || question_types[questionId] == "coding" || question_types[questionId] == "coding_student"){
                $('#code_test_question_'+questionId).val(answers[questionId]);
            }
        }
    });
</script>
@endpush