@extends('frontend.maintemplate.maintemplate')
@section('title', 'Answer key' . ' :: AgeLess Institute')

@section('content')

    <div class="answer-full-section">
        <div class="go-back-wrapper">
            <div class="container">
                @if(!empty($exam->workshop_id))
                    <a href="{{ route('student.view_workshop_material',  base64_encode($exam->workshop_id)) }}#theory">
                        <span class="material-symbols-outlined">arrow_left_alt</span> Go Back To Workshop
                    </a>
                @else
                    <a href="{{ route('student.course-details.show',  base64_encode($exam->course_purchase_id	)) }}#theory">
                        <span class="material-symbols-outlined">arrow_left_alt</span> Go Back To Course
                    </a>
                @endif
            </div>
        </div>
        <!-- Answer Key  -->
        <div class="answer-key-section">
            <div class="container">

                @php
                    use Carbon\Carbon;

                    // Round score to nearest 10
                    $progressScore = round($exam->score ?? 0, -1);
                    $examScore = (int) ($exam->score ?? 0);

                    // Time taken calculation
                    $start = Carbon::parse($exam->start_exam);
                    $end = Carbon::parse($exam->end_exam);
                    $durationInSeconds = $start->diffInSeconds($end);
                    $minutes = floor($durationInSeconds / 60);
                    $seconds = $durationInSeconds % 60;
                    $formattedDuration = "{$minutes}m {$seconds}s";

                    // Initialize answer statistics
                    $correctCount = 0;
                    $wrongCount = 0;
                    $total = count($examQuestions);

                    // Count correct and wrong answers
                    foreach ($examQuestions as $examQuestion) {
                        $answer = $examQuestion->answer;
                        $answerValue = $answer->answer_value ?? 'undefined';

                        $selectedOption = null;
                        $correctOption = null;
                        $isCorrect = false;

                        if ($examQuestion->question->answer_type == 8) {
                            $selectedOption = $examQuestion->question->mcqOptions->where('id', (int) $answerValue)->first();
                            $correctOption = $examQuestion->question->mcqOptions->where('is_correct', 1)->first();

                            if ($selectedOption && $correctOption && $selectedOption->id == $correctOption->id) {
                                $isCorrect = true;
                                $correctCount++;
                            } else {
                                $wrongCount++;
                            }
                        } else {
                            if ($answerValue !== 'undefined') {
                                $wrongCount++;
                            }
                        }
                    }
                @endphp

                <div class="answer-key-inner">
                    <div class="top-details-section">
                        <div class="icon-wrapper">
                            <img src="{{ asset('frontend/assets/images/home/course-answer-icon.png') }}" alt="">
                        </div>
                        <div class="right-details-wrapper">
                            <div>
                                <h6>Student Name</h6>
                                <h5>{{ $exam->student->full_name }}</h5>
                            </div>
                            <div>
                                @if(!empty($exam->workshop_id))
                                    <h6>Workshop Name : </h6>
                                    <h5>{{ $exam->workshop->title ?? '' }}</h5>
                                @else
                                    <h6>Course Path</h6>
                                    <h5>{{ $exam->course->category->name ?? '' }} > {{ $exam->course->subcategory->name ?? '' }} > {{ $exam->course->name ?? '' }}</h5>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="answer-statistics-section">
                        <div class="progress-statistics-section">
                            <div class="progress" data-percentage="{{ $progressScore }}">
                                <span class="progress-left"><span class="progress-bar"></span></span>
                                <span class="progress-right"><span class="progress-bar"></span></span>
                                <div class="progress-value" style="font-size: 28px;">
                                    <div>{{ $examScore }}%<br><span>{{ ucfirst($exam->status) }}</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="answers-time-section correct-answer-statistics">
                            <div class="icon-wrapper"><span class="material-icons">done</span></div>
                            <h4><span>{{ $correctCount }}</span> / <span>{{ $total }}</span></h4>
                            <p>Correct Answers</p>
                        </div>

                        <div class="answers-time-section wrong-answer-statistics">
                            <div class="icon-wrapper"><span class="material-symbols-outlined">close</span></div>
                            <h4><span>{{ $wrongCount }}</span> / <span>{{ $total }}</span></h4>
                            <p>Incorrect Answers</p>
                        </div>

                        <div class="answers-time-section">
                            <div class="icon-wrapper">
                                <img src="{{ asset('frontend/assets/images/home/answers-time-icon.png') }}" alt="">
                            </div>
                            <h4><span>{{ $formattedDuration }}</span></h4>
                            <p>Time Taken</p>
                        </div>
                    </div>

                    <div class="detailed-results-section">
                        <div class="title-wrapper">
                            <h4>Detailed Results</h4>
                        </div>

                        @foreach ($examQuestions as $key => $examQuestion)

                            @php
                                $answer = $examQuestion->answer;
                                $answerValue = $answer->answer_value ?? 'undefined';

                                $selectedOption = null;
                                $correctOption = null;
                                $isCorrect = false;

                                if ($examQuestion->question->answer_type == 8) {
                                    $selectedOption = $examQuestion->question->mcqOptions->where('id', (int) $answerValue)->first();
                                    $correctOption = $examQuestion->question->mcqOptions->where('is_correct', 1)->first();

                                    if ($selectedOption && $correctOption && $selectedOption->id == $correctOption->id) {
                                        $isCorrect = true;
                                    }
                                }
                            @endphp

                            <div class="question-answers-wrapper {{ ($answerValue === 'undefined' || !$isCorrect) ? 'wrong-answer' : 'correct-answer' }}">
                                <div class="question-wrapper">
                                    <h5>
                                        Q.{{ $key + 1 }} - {!! $examQuestion->question->question_title !!}
                                        @if ($examQuestion->question->question_mark)
                                            <span>({{ $examQuestion->question->question_mark }} marks)</span>
                                        @endif
                                    </h5>
                                    <div class="answer-icon">
                                        <span class="material-icons">
                                            {{ ($answerValue === 'undefined' || !$isCorrect) ? 'close' : 'done' }}
                                        </span>
                                    </div>
                                </div>
                                <div class="answers-option">
                                    <h6>Your Answer:
                                        <span>
                                            {{ $selectedOption->title ?? ($answerValue === 'undefined' ? 'Not Attempted' : $answerValue) }}
                                        </span>
                                    </h6>
                                    @if (!$isCorrect && $examQuestion->question->answer_type == 8 && $correctOption)
                                        <h6>Correct Answer:
                                            <span>{{ $correctOption->title }}</span>
                                        </h6>
                                    @endif
                                </div>
                            </div>

                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <!-- Answer Key  -->
    </div>

@endsection

@section('scripts')
@endsection