@extends('layouts.app')

@section('content')

	<div class="content">
        <x-content.header title="{{ __('exams.exams') }}" />
        <div class="tw-card">
            <div class="p-6">
                <div class="w-full flex flex-col gap-4">
                    <h3 class="!py-0">{{__('tables.reviewer_title')}} : <span class="text-lg-regular">{{$exam->reviewer?->display_name}}</span></h3>

                    @foreach($exam->questions as $question)

                        <div>
                            <h3 class="!py-1">{{__('exams.question')}} : <span class="text-lg-regular">{{$question->question}}</span></h3>
                            <p>{{__('exams.mark')}} : {{$question->marks}}</p>
                            @if($question->type == 'multiple_choice')
                                <p>{{__('exams.available_options')}} : </p>
                                <ul>
                                    @foreach($question->exam_subject_question_options as $option)
                                        <li class="{{$option->correct ? 'text-success' : 'text-danger'}}">
                                            {{$option->option}}
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                @if($question->answer)
                                    <p>{{__('exams.possible_answer')}} : {{$question->answer}}</p>
                                @endif
                            @endif
                            @php $assets = $question->getMedia('files');@endphp
                            @if(isset($assets) && $assets->count() > 0)
                                <div>
                                    <ul>
                                        @foreach($assets as $asset)
                                            <li>
                                                <a href="{{getUrl($asset)}}">
                                                    {{$asset->name}}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                        </div>

                        @if( isset($question->answers) && $question->answers->count() > 0 )
                            <div>
                                @if($question->type == 'multiple_choice')
                                @php
                                    $optionValue = $question->exam_subject_question_options->where('id', $question->answers->first()->answer_option)->first();
                                @endphp
                                @if ($optionValue)
                                    <p>{{__('exams.answer')}} : {{ $optionValue->option }}</p>
                                @else
                                    <p>{{__('exams.answer')}} : {{__('exams.no_answer_text')}}</p>
                                @endif
                                @else
                                    <p>{{__('exams.answer')}} : {{$question->answers->first()->answer}}</p>
                                @endif
                            </div>
                            <div>
                                <p>
                                    {{__('exams.obtainted_marks')}} : {{$question->answers->first()->mark_acquired}}
                                </p>
                                @if($question->type == 'multiple_choice')
                                    <p>{{__('exams.correct')}} : {{$question->answers->first()->correct ? 'YES' : 'NO'}}</p>
                                @else
                                    @if($question->answers->first()->note)
                                        <p>{{__('exams.note')}} : {{$question->answers->first()->note}}</p>
                                    @endif
                                @endif
                            </div>
                        @else
                            <p class="text-custom-red-600">{{__('exams.no_answer_text')}}</p>
                        @endif
                    @endforeach
                </div>
            </div>
        </div>
    </div>

@stop