@extends('layouts.portal')

@section('title', 'کارنامه آزمون | گواهینو')

@section('content')
<section class="result-hero {{ $passed ? 'passed' : 'needs-work' }}">
    <div><span>{{ $passed ? 'مسیر قبولی را درست آمده‌ای' : 'این آزمون، نقشهٔ تمرین بعدی توست' }}</span><h1>{{ $passed ? 'قبول شدی؛ آفرین!' : 'کمی تمرین بیشتر لازم داری' }}</h1><p>{{ $attempt->exam->title }} در {{ gmdate('i:s', $attempt->duration_seconds) }}</p></div>
    <div class="result-score"><b>{{ round($attempt->overall_score) }}</b><small>امتیاز کل</small></div>
</section>

<section class="score-grid">
    <div><span>دقت</span><b>{{ round($attempt->accuracy_score) }}٪</b><small>{{ $attempt->correct_count }} درست از {{ $attempt->question_count }}</small></div>
    <div><span>سرعت</span><b>{{ round($attempt->speed_score) }}٪</b><small>امتیاز مستقل سرعت</small></div>
    <div><span>پاسخ غلط</span><b>{{ $attempt->wrong_count }}</b><small>برای مرور هوشمند ذخیره شد</small></div>
    <div><span>بدون پاسخ</span><b>{{ $attempt->unanswered_count }}</b><small>نیازمند مرور</small></div>
</section>

<section class="review-list">
    <div class="section-mini-heading"><div><span>تحلیل پاسخ‌ها</span><h2>درست‌ها و اشتباه‌ها</h2></div><a class="ghost-button" href="{{ route('exams.index') }}">آزمون بعدی</a></div>
    @foreach ($answers as $answer)
        <article class="review-item {{ $answer->is_correct ? 'correct' : 'wrong' }}">
            <span>{{ $answer->position }}</span>
            <div><h3>{{ $answer->question->body }}</h3><p>پاسخ شما: {{ $answer->selectedChoice?->body ?: 'بدون پاسخ' }}</p>@unless($answer->is_correct)<small>پاسخ صحیح: {{ $answer->question->choices->firstWhere('is_correct', true)?->body }}</small>@endunless</div>
            <b>{{ $answer->is_correct ? 'درست' : 'غلط' }}</b>
        </article>
    @endforeach
</section>
@endsection