@extends('public.layout.app')
@section('title', __('front.quiz_result'))

@section('body')
<section class="section" style="padding-top:110px;">
    <div class="container">
        @include('public.portals.student.partials.nav')

        @if(session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <div class="card-soft p-4 shadow-soft">
            <h5 class="fw-bold mb-2">{{ __('front.quiz_result') }}</h5>
            <div class="text-muted2">{{ __('front.quiz_id') }}: {{ $quiz }}</div>

            @if(!$result)
                <div class="text-muted2 mt-2">{{ __('front.no_result_record_found_yet') }}</div>
            @else
                <div class="row g-3 mt-1">
                    <div class="col-md-4">
                        <div class="text-muted2 small">{{ __('front.status') }}</div>
                        <div class="fw-semibold">{{ $result->status ?? 'submitted' }}</div>
                    </div>

                    <div class="col-md-4">
                        <div class="text-muted2 small">{{ __('front.score') }}</div>
                        <div class="fw-semibold">
                            {{ (int)($result->score ?? 0) }}
                            @if(isset($result->total))
                                / {{ (int)$result->total }}
                            @endif
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="text-muted2 small">{{ __('front.submitted') }}</div>
                        <div class="fw-semibold">
                            {{ !empty($result->submitted_at) ? \Carbon\Carbon::parse($result->submitted_at)->format('Y-m-d H:i') : '—' }}
                        </div>
                    </div>
                </div>
            @endif

            <a href="{{ route('student.quizzes.index') }}" class="btn btn-outline-light btn-sm mt-3">
                <i class="fa-solid fa-arrow-left me-1"></i> {{ __('front.back_to_quizzes') }}
            </a>
        </div>

    </div>
</section>
@endsection