@extends('layouts.app')

@section('title', 'Hasil Ujian')

@php
    $bySoal = $answers->keyBy('id_soal');
    $format = function (object $question, ?object $answer): string {
        if (! $answer) {
            return '-';
        }
        $text = trim((string) ($answer->jawaban_text ?? ''));
        if ($text === '') {
            return $question->tipe === 'upload' ? 'Tidak ada jawaban teks.' : '-';
        }
        if (in_array($question->tipe, ['menjodohkan', 'tabel'], true)) {
            $parts = [];
            foreach (explode('|||', $text) as $pair) {
                [$left, $right] = array_pad(explode('=', $pair, 2), 2, '');
                $parts[] = trim($left).' → '.trim($right);
            }

            return implode("\n", $parts);
        }

        return $text;
    };
@endphp

@section('content')
<div class="mx-auto max-w-4xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
            <div>
                <p class="pkbm-dashboard__breadcrumb"><a class="text-blue-700" href="{{ route('student.exams.index', ['jenis' => $target->jenis]) }}">Ujian {{ $target->jenis }}</a><i class="bi bi-chevron-right" aria-hidden="true"></i>Hasil</p>
                <h1 class="pkbm-dashboard__title">Hasil Ujian {{ $target->examName }}</h1>
                <p class="pkbm-dashboard__subtitle">{{ $target->subjectName }} · {{ $student->className }} · Percobaan ke-{{ $attemptNumber ?? 0 }} dari {{ $target->maxAttempts }}</p>
            </div>
            <div class="flex gap-2">
                @if ($target->open)<a class="sp-btn-secondary" href="{{ route('student.exams.show', $target->key) }}"><i class="bi bi-pencil-square" aria-hidden="true"></i>Kerjakan ulang</a>@endif
                <a class="sp-btn-secondary" href="{{ route('student.exams.index', ['jenis' => $target->jenis]) }}"><i class="bi bi-list-ul" aria-hidden="true"></i>Daftar ujian</a>
            </div>
        </div>
    </header>

    @if (session('status'))<div role="status" class="settings-notice settings-notice--success">{{ session('status') }}</div>@endif
    @if ($errors->any())<div role="alert" class="settings-notice settings-notice--error">{{ $errors->first() }}</div>@endif

    <section class="grid grid-cols-2 gap-3 sm:grid-cols-3">
        <article class="sp-card p-4"><p class="text-xs font-semibold uppercase text-slate-500">Status</p><p class="mt-1 text-lg font-extrabold text-slate-900">{{ $answers->isEmpty() ? 'Belum dikerjakan' : 'Terkirim' }}</p></article>
        <article class="sp-card p-4"><p class="text-xs font-semibold uppercase text-slate-500">Jawaban tersimpan</p><p class="mt-1 text-lg font-extrabold text-slate-900">{{ $answers->count() }} / {{ count($questions) }} soal</p></article>
        <article class="sp-card p-4"><p class="text-xs font-semibold uppercase text-slate-500">Rata-rata nilai</p><p class="mt-1 text-lg font-extrabold {{ $target->avgScore === null ? 'text-slate-400' : 'text-emerald-600' }}">{{ $target->avgScore === null ? 'Menunggu penilaian' : number_format($target->avgScore, 2, ',', '.') }}</p></article>
    </section>

    @if ($answers->isNotEmpty())
        <p class="rounded-xl border border-blue-200 bg-blue-50 p-3.5 text-sm text-blue-900">
            <i class="bi bi-info-circle me-1" aria-hidden="true"></i>Nilai akhir ujian ditentukan dan diinput oleh guru pengampu melalui menu penilaian. Nilai yang sudah ada akan ditampilkan pada setiap soal di bawah.
        </p>
    @endif

    @if (empty($questions))
        <p class="rounded-xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-600">Butir soal ujian tidak ditemukan.</p>
    @else
        <section class="space-y-4">
            @foreach ($questions as $index => $question)
                @php $answer = $bySoal->get($question->id); @endphp
                <article class="sp-card space-y-3 p-5">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <span class="flex h-8 w-8 items-center justify-center rounded-lg bg-blue-600 text-sm font-extrabold text-white">{{ $index + 1 }}</span>
                        <span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-bold uppercase text-slate-600">{{ str_replace('_', ' ', $question->tipe) }}</span>
                        @if ($answer && $answer->nilai !== null && $answer->nilai !== '')
                            <span class="rounded-full bg-emerald-600 px-3 py-1 text-xs font-extrabold text-white">Nilai {{ number_format((float) $answer->nilai, 2, ',', '.') }}</span>
                        @elseif ($answer)
                            <span class="rounded-full bg-amber-50 px-3 py-1 text-xs font-bold text-amber-700">Belum dinilai</span>
                        @endif
                    </div>
                    <p class="whitespace-pre-line break-words text-sm font-semibold leading-relaxed text-slate-800">{{ $question->pertanyaan ?: 'Lampiran soal' }}</p>
                    <div class="rounded-xl border border-slate-200 bg-slate-50 p-3">
                        <p class="text-[11px] font-bold uppercase text-slate-400">Jawaban Anda</p>
                        <p class="mt-1 whitespace-pre-line text-sm text-slate-700">{{ $format($question, $answer) }}</p>
                        @if ($answer?->file_jawaban)
                            <a class="mt-2 inline-flex items-center gap-1.5 text-sm font-semibold text-blue-700 no-underline hover:no-underline" href="{{ route('student.exams.answer.file', $answer->id) }}">
                                <i class="bi bi-paperclip" aria-hidden="true"></i>Unduh file jawaban
                            </a>
                        @endif
                    </div>
                    @if ($answer?->tanggal)<p class="text-xs text-slate-400">Dikirim {{ \Illuminate\Support\Carbon::parse($answer->tanggal)->format('d/m/Y H:i') }}</p>@endif
                </article>
            @endforeach
        </section>
    @endif
</div>
@endsection