@extends('layouts.cbt')
@section('page-title', 'Hasil Ujian')
@section('sidebar')@include('components.siswa-sidebar')@endsection
@section('content')
<div class="card-sdn text-center mb-8">
    <h2 class="text-2xl font-extrabold mb-2">{{ $attempt->exam->title }}</h2>
    <p class="text-gray-500">{{ $attempt->exam->subject->name }}</p>
    <div class="mt-6">
        <p class="text-4xl sm:text-6xl font-extrabold {{ $attempt->isPassed() ? 'text-green-600' : 'text-red-500' }}">{{ $attempt->score }}</p>
        <p class="text-lg font-bold mt-2">{{ $attempt->isPassed() ? 'SELAMAT! Anda Lulus' : 'Perlu Remedial' }}</p>
        <p class="text-sm text-gray-500">KKM: {{ $attempt->exam->passing_score }} | Durasi: {{ $attempt->exam->duration_minutes }} menit</p>
    </div>
</div>

@if($attempt->exam->show_explanation)
<div class="space-y-4">
    <h3 class="font-extrabold text-lg">Pembahasan</h3>
    @foreach($attempt->answers as $answer)
    <div class="card-sdn">
        <p class="font-semibold mb-2">{!! $answer->question->content !!}</p>
        @if($answer->question->type->value === 'essay')
        <p class="text-sm">Jawaban: {{ $answer->essay_answer }}</p>
        <p class="text-sm">Nilai: {{ $answer->points_earned }}/{{ $answer->question->points }}</p>
        @elseif($answer->question->type->value === 'pg_kompleks')
        @php
            $selected = $answer->question->options->whereIn('id', $answer->selected_option_ids ?? []);
            $correct = $answer->question->options->where('is_correct', true);
        @endphp
        <p class="text-sm {{ $answer->is_correct ? 'text-green-600' : 'text-red-500' }}">
            Jawaban Anda:
            @if($selected->isNotEmpty())
                {{ $selected->map(fn($o) => $o->label.'. '.$o->content)->join(' | ') }}
            @else
                -
            @endif
            {{ $answer->is_correct ? '(Benar)' : '(Salah)' }}
        </p>
        @if(!$answer->is_correct)
        <p class="text-sm text-green-700 mt-1">
            Kunci: {{ $correct->map(fn($o) => $o->label.'. '.$o->content)->join(' | ') }}
        </p>
        @endif
        @else
        <p class="text-sm {{ $answer->is_correct ? 'text-green-600' : 'text-red-500' }}">
            Jawaban Anda: {{ $answer->selectedOption?->label ?? '-' }}. {{ $answer->selectedOption?->content }}
            {{ $answer->is_correct ? '(Benar)' : '(Salah)' }}
        </p>
        @endif
        @if($answer->question->explanation)
        <p class="text-sm text-gray-600 mt-2 bg-gray-50 p-3 rounded-lg">{{ $answer->question->explanation }}</p>
        @endif
    </div>
    @endforeach
</div>
@endif

<a href="{{ route('siswa.dashboard') }}" class="btn-sdn-primary mt-6 inline-block">Kembali ke Dashboard</a>
@endsection