@extends('layouts.student')

@section('title', 'Exam result')

@section('content')
    <div class="mb-3">
        <a class="btn btn-sm btn-link px-0 text-decoration-none" href="{{ route('student.exams.index') }}"><i class="bi bi-arrow-left"></i> Back to my exams</a>
        <h1 class="xrt-page-title">{{ $attempt->exam->display_name }}</h1>
        <div class="xrt-meta">
            Attempt {{ $attempt->attempt_number }} &middot;
            {{ $attempt->status === \App\Enums\AttemptStatus::Expired ? 'time expired' : 'completed' }}
            {{ $attempt->completed_at?->format('d M Y H:i') }}
        </div>

        @if ($attempt->status === \App\Enums\AttemptStatus::Expired)
            <div class="alert alert-warning py-2 mt-2 mb-0">
                <i class="bi bi-clock-history me-1"></i>
                The exam time ran out, so the attempt was submitted automatically. Unanswered questions scored zero.
            </div>
        @endif
    </div>

    <div class="row g-3">
        <div class="col-lg-5">
            <div class="xrt-card text-center">
                <div class="xrt-card-body py-4">
                    <div class="xrt-label">Score</div>
                    <div class="display-6 fw-semibold">{{ $result['score'] }} / {{ $result['total_points'] }}</div>
                    <div class="xrt-label mt-3">Percentage</div>
                    <div class="display-6 fw-semibold {{ $result['passed'] ? 'text-success' : 'text-danger' }}">
                        {{ rtrim(rtrim(number_format($result['percentage'], 2), '0'), '.') }}%
                    </div>
                    <div class="mt-3">
                        <span class="badge {{ $result['passed'] ? 'text-bg-success' : 'text-bg-danger' }} fs-6">
                            {{ $result['passed'] ? 'Passed' : 'Not passed' }}
                        </span>
                        <div class="xrt-meta mt-1">Passing percentage: {{ rtrim(rtrim(number_format($result['passing_percentage'], 2), '0'), '.') }}%</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-7">
            <div class="xrt-card">
                <div class="xrt-card-header"><span>Summary</span></div>
                <div class="xrt-card-body">
                    <div class="row">
                        <x-ui.detail-row label="Exam">{{ $attempt->exam->display_name }}</x-ui.detail-row>
                        <x-ui.detail-row label="Attempt number">{{ $attempt->attempt_number }}</x-ui.detail-row>
                        <x-ui.detail-row label="Completed">{{ $attempt->completed_at?->format('d M Y H:i') }}</x-ui.detail-row>
                        <x-ui.detail-row label="Total questions">{{ $result['questions'] }}</x-ui.detail-row>
                        <x-ui.detail-row label="Answered">{{ $result['answered'] }}</x-ui.detail-row>
                        <x-ui.detail-row label="Unanswered">{{ $result['unanswered'] }} <span class="xrt-meta">(scored zero)</span></x-ui.detail-row>
                        @if ($result['skipped'] > 0)
                            {{-- Answered "no object found": recorded responses, not gaps. --}}
                            <x-ui.detail-row label="Skipped">{{ $result['skipped'] }} <span class="xrt-meta">(no object found)</span></x-ui.detail-row>
                        @endif
                        <x-ui.detail-row label="Correct answers">{{ $result['correct'] }}</x-ui.detail-row>
                        <x-ui.detail-row label="Incorrect answers">{{ $result['incorrect'] }}</x-ui.detail-row>
                        <x-ui.detail-row label="Total points">{{ $result['total_points'] }}</x-ui.detail-row>
                        <x-ui.detail-row label="Points awarded">{{ $result['score'] }}</x-ui.detail-row>
                    </div>
                </div>
            </div>

            <div class="mt-3">
                <a class="btn btn-outline-secondary" href="{{ route('student.dashboard') }}"><i class="bi bi-speedometer2"></i> Back to dashboard</a>
            </div>
        </div>
    </div>
@endsection