@extends('student.layouts.app')

@section('title', app()->getLocale() === 'ar' ? 'الدرجات' : 'Marks')

@section('content')
@php
    $isArabic = app()->getLocale() === 'ar';
    $recordedMarks = $marks->filter(fn ($mark) => ! $mark->students->first()?->absent);
    $averageScore = $recordedMarks->count()
        ? round($recordedMarks->avg(function ($mark) {
            $studentMark = $mark->students->first();
            $totalScore = max(1, (float) $mark->score);

            return (($studentMark?->mark ?? 0) / $totalScore) * 100;
        }))
        : 0;
@endphp

<div class="space-y-6">
    @include('student.courses.inc.overview', ['course' => $course])
    @include('student.courses.inc.tabs', ['course' => $course])

    <section class="grid gap-4 lg:grid-cols-3">
        <div class="student-card p-5">
            <div class="text-sm font-black text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'إجمالي البنود' : 'Total items' }}</div>
            <div class="mt-3 text-3xl font-black text-zinc-900 dark:text-white font-numbers">{{ $marks->count() }}</div>
        </div>
        <div class="student-card p-5">
            <div class="text-sm font-black text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'نتائج مسجلة' : 'Recorded results' }}</div>
            <div class="mt-3 text-3xl font-black text-emerald-600 font-numbers">{{ $recordedMarks->count() }}</div>
        </div>
        <div class="student-card p-5">
            <div class="text-sm font-black text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'متوسط الأداء' : 'Average performance' }}</div>
            <div class="mt-3 text-3xl font-black text-primary font-numbers">{{ $averageScore }}%</div>
        </div>
    </section>

    <section class="student-card overflow-hidden">
        <div class="border-b border-zinc-200 px-6 py-5 dark:border-zinc-800">
            <h2 class="text-lg font-black text-zinc-900 dark:text-white">{{ $isArabic ? 'سجل الدرجات' : 'Marks record' }}</h2>
            <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'عرض منظم لكل درجة منشورة داخل المادة مع حالتها.' : 'An organized view of every published mark in this course.' }}</p>
        </div>
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-800">
                <thead class="bg-zinc-50 dark:bg-zinc-900/60">
                    <tr class="text-start text-xs font-black uppercase tracking-[0.2em] text-zinc-500 dark:text-zinc-400">
                        <th class="px-6 py-4">{{ $isArabic ? 'العنوان' : 'Title' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'الدرجة النهائية' : 'Total' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'درجتك' : 'Your mark' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'الحالة' : 'Status' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'التاريخ' : 'Date' }}</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-zinc-200 dark:divide-zinc-800">
                    @foreach($marks as $mark)
                        @php
                            $studentMark = $mark->students->first();
                            $studentPercentage = $studentMark && ! $studentMark->absent
                                ? round((($studentMark->mark ?? 0) / max(1, (float) $mark->score)) * 100)
                                : null;
                        @endphp
                        <tr class="bg-white/60 dark:bg-transparent">
                            <td class="px-6 py-4 text-sm font-black text-zinc-900 dark:text-white">{{ $mark->title }}</td>
                            <td class="px-6 py-4 text-sm font-black text-zinc-900 dark:text-white font-numbers">{{ $mark->score }}</td>
                            <td class="px-6 py-4 text-sm font-black text-zinc-900 dark:text-white font-numbers">
                                {{ $studentMark?->mark ?? 0 }}
                                @if (! is_null($studentPercentage))
                                    <span class="ms-2 rounded-full bg-primary-light px-2 py-1 text-[11px] text-primary dark:bg-primary/10 dark:text-primary-container">{{ $studentPercentage }}%</span>
                                @endif
                            </td>
                            <td class="px-6 py-4">
                                @if ($studentMark?->absent)
                                    <span class="rounded-full bg-rose-100 px-3 py-1 text-xs font-black text-rose-700 dark:bg-rose-500/10 dark:text-rose-300">{{ __('dashboard.Absent') }}</span>
                                @else
                                    <span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-black text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300">{{ $isArabic ? 'مسجلة' : 'Recorded' }}</span>
                                @endif
                            </td>
                            <td class="px-6 py-4 text-sm text-zinc-500 dark:text-zinc-400">{{ $mark->date?->format('Y-m-d') ?? $mark->created_at?->format('Y-m-d') }}</td>
                        </tr>
                    @endforeach
@if(($marks)->isEmpty())
                        <tr>
                            <td colspan="5" class="px-6 py-10 text-center text-sm text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'لم يتم إضافة أي درجات بعد.' : 'No marks have been published yet.' }}</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection