@extends('student.layouts.app')

@section('title', app()->getLocale() === 'ar' ? 'الحضور المجمع' : 'Attendance Overview')

@section('content')
@php
    use Illuminate\Support\Carbon;
    use Illuminate\Support\Str;

    $isAr = app()->getLocale() === 'ar';

    $typeLabels = [
        'school'   => $isAr ? 'حصة مدرسية'    : 'School session',
        'virtual'  => $isAr ? 'حصة افتراضية'  : 'Virtual session',
        'excused'  => $isAr ? 'غياب مبرر'      : 'Excused',
        'absence'  => $isAr ? 'غياب'           : 'Absence',
        'late'     => $isAr ? 'تأخر'           : 'Late',
    ];
    $typeColors = [
        'school'   => 'bg-sky-100 text-sky-700 dark:bg-sky-500/20 dark:text-sky-400',
        'virtual'  => 'bg-violet-100 text-violet-700 dark:bg-violet-500/20 dark:text-violet-400',
        'excused'  => 'bg-amber-100 text-amber-700 dark:bg-amber-500/20 dark:text-amber-400',
        'absence'  => 'bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-400',
        'late'     => 'bg-orange-100 text-orange-700 dark:bg-orange-500/20 dark:text-orange-400',
    ];

    $flat = collect($attendances)->flatMap(fn($c) => collect($c));
    $totalAbsences = $flat->count();

    $summary = collect($courses)->map(function ($course) use ($attendances) {
        $records = collect($attendances[$course->id] ?? [])->sortByDesc(fn($a) => $a->date ?? $a->created_at)->values();
        return ['course' => $course, 'records' => $records, 'by_type' => $records->groupBy('type')->map->count()];
    })->filter(fn($s) => $s['records']->isNotEmpty());
@endphp

<div class="flex flex-col gap-6">

    {{-- Header --}}
    <div class="rounded-[1.75rem] border border-zinc-200 bg-white p-6 shadow-sm dark:border-zinc-800 dark:bg-zinc-900 lg:p-7">
        <div class="flex flex-col gap-5 sm:flex-row sm:items-center sm:justify-between">
            <div class="space-y-1">
                <p class="text-[11px] font-black uppercase tracking-[0.2em] text-brand-600 dark:text-brand-400">
                    {{ $isAr ? 'سجل الغياب' : 'Absence Records' }}
                </p>
                <h1 class="text-2xl font-black tracking-tight text-zinc-900 dark:text-white">
                    {{ $isAr ? 'الحضور المجمع' : 'Attendance Overview' }}
                </h1>
                <p class="text-sm text-zinc-500 dark:text-zinc-400">
                    {{ $isAr ? 'تفاصيل الغياب المسجّل لكل مادة.' : 'Recorded absences per course.' }}
                </p>
            </div>
            <div class="flex shrink-0 flex-wrap gap-3">
                <div class="rounded-2xl border border-red-200 bg-red-50 px-6 py-3 text-center dark:border-red-500/20 dark:bg-red-500/10">
                    <p class="text-[11px] font-black uppercase tracking-widest text-red-400">{{ $isAr ? 'إجمالي الغياب' : 'Total' }}</p>
                    <p class="mt-1 text-3xl font-black text-red-700 dark:text-red-400">{{ $totalAbsences }}</p>
                    <p class="text-[10px] font-bold text-red-400">{{ $isAr ? 'سجل' : 'records' }}</p>
                </div>
                <div class="rounded-2xl border border-zinc-200 bg-zinc-50 px-6 py-3 text-center dark:border-zinc-700 dark:bg-zinc-950">
                    <p class="text-[11px] font-black uppercase tracking-widest text-zinc-400">{{ $isAr ? 'المواد' : 'Courses' }}</p>
                    <p class="mt-1 text-3xl font-black text-zinc-900 dark:text-white">{{ $summary->count() }}</p>
                    <p class="text-[10px] font-bold text-zinc-400">{{ $isAr ? 'بها غياب' : 'affected' }}</p>
                </div>
            </div>
        </div>
    </div>

    {{-- Empty --}}
    @if($summary->isEmpty())
        <div class="rounded-[2rem] border border-dashed border-zinc-300 bg-white p-16 text-center dark:border-zinc-700 dark:bg-zinc-900">
            <div class="text-5xl">✅</div>
            <h3 class="mt-4 text-lg font-black text-zinc-900 dark:text-white">{{ $isAr ? 'لا يوجد غياب مسجّل' : 'No absences recorded' }}</h3>
            <p class="mt-2 text-sm text-zinc-500 dark:text-zinc-400">{{ $isAr ? 'لم يتم تسجيل أي غياب في أي مادة.' : 'No absences have been recorded in any course.' }}</p>
        </div>
    @else
        <div class="flex flex-col gap-4">
            @foreach($summary as $s)
            @php $course = $s['course']; @endphp
            <article class="rounded-[2rem] border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900">

                {{-- Course Header --}}
                <div class="flex flex-wrap items-center justify-between gap-4 border-b border-zinc-100 p-6 dark:border-zinc-800">
                    <div class="flex items-center gap-4">
                        <div class="flex h-11 w-11 items-center justify-center rounded-2xl bg-red-50 text-red-500 dark:bg-red-500/10">
                            <i class="fa-solid fa-book"></i>
                        </div>
                        <div>
                            <h2 class="font-black text-zinc-900 dark:text-white">{{ $course->subject?->name ?: $course->name }}</h2>
                            @if($course->teacher)
                                <p class="text-xs text-zinc-400">{{ $course->teacher->name }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="flex flex-wrap items-center gap-2">
                        @foreach($s['by_type'] as $type => $count)
                            <span class="rounded-full px-3 py-1 text-xs font-black {{ $typeColors[$type] ?? 'bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400' }}">
                                {{ $typeLabels[$type] ?? Str::of($type)->replace('_',' ')->title() }} · {{ $count }}
                            </span>
                        @endforeach
                        <span class="rounded-full bg-zinc-100 px-3 py-1 text-xs font-black text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300">
                            {{ $isAr ? 'الإجمالي:' : 'Total:' }} {{ $s['records']->count() }}
                        </span>
                    </div>
                </div>

                {{-- Records --}}
                <div class="divide-y divide-zinc-100 dark:divide-zinc-800">
                    @foreach($s['records'] as $rec)
                    @php
                        $date = Carbon::parse($rec->date ?? $rec->created_at);
                        $color = $typeColors[$rec->type] ?? 'bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400';
                    @endphp
                    <div class="flex items-center gap-4 px-6 py-4">
                        <div class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-zinc-100 dark:bg-zinc-800">
                            <i class="fa-solid fa-calendar-xmark text-sm text-zinc-500 dark:text-zinc-400"></i>
                        </div>
                        <div class="min-w-0 flex-1">
                            <p class="text-sm font-bold text-zinc-800 dark:text-zinc-200">
                                {{ $date->translatedFormat($isAr ? 'l، d MMM Y' : 'l, d MMM Y') }}
                            </p>
                            @if($rec->notes)
                                <p class="mt-0.5 text-xs text-zinc-400">{{ $rec->notes }}</p>
                            @endif
                        </div>
                        <span class="shrink-0 rounded-full px-2.5 py-1 text-[11px] font-black {{ $color }}">
                            {{ $typeLabels[$rec->type] ?? $rec->type }}
                        </span>
                    </div>
                    @endforeach
                </div>
            </article>
            @endforeach
        </div>
    @endif

</div>
@endsection