@extends('student.layouts.app')

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

@section('content')
@php
    $isArabic = app()->getLocale() === 'ar';
    $presentCount = 0;
    $absentCount = 0;

    foreach ($attendanceRecords as $attendance) {
        $isAbsent = in_array(auth()->id(), $attendance->absentStudents->pluck('student_id')->toArray(), true);
        $isAbsent ? $absentCount++ : $presentCount++;
    }
@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 records' }}</div>
            <div class="mt-3 text-3xl font-black text-zinc-900 dark:text-white font-numbers">{{ $attendanceRecords->count() }}</div>
        </div>
        <div class="student-card p-5">
            <div class="text-sm font-black text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'حضور' : 'Present' }}</div>
            <div class="mt-3 text-3xl font-black text-emerald-600 font-numbers">{{ $presentCount }}</div>
        </div>
        <div class="student-card p-5">
            <div class="text-sm font-black text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'غياب' : 'Absent' }}</div>
            <div class="mt-3 text-3xl font-black text-rose-600 font-numbers">{{ $absentCount }}</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 ? 'سجل الحضور' : 'Attendance record' }}</h2>
            <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'جدول زمني واضح لحالات الحضور والغياب داخل هذه المادة.' : 'A clear timeline of your attendance 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 ? 'التاريخ' : 'Date' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'النوع' : 'Type' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'الحالة' : 'Status' }}</th>
                        <th class="px-6 py-4">{{ $isArabic ? 'تاريخ النشر' : 'Published' }}</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-zinc-200 dark:divide-zinc-800">
                    @foreach($attendanceRecords as $attendance)
                        @php
                            $isAbsent = in_array(auth()->id(), $attendance->absentStudents->pluck('student_id')->toArray(), true);
                        @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">{{ $attendance->date }}</td>
                            <td class="px-6 py-4 text-sm text-zinc-600 dark:text-zinc-300">{{ $attendance->type }}</td>
                            <td class="px-6 py-4">
                                <span class="rounded-full px-3 py-1 text-xs font-black {{ $isAbsent ? 'bg-rose-100 text-rose-700 dark:bg-rose-500/10 dark:text-rose-300' : 'bg-emerald-100 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300' }}">
                                    {{ $isAbsent ? __('dashboard.Absent') : __('dashboard.Present') }}
                                </span>
                            </td>
                            <td class="px-6 py-4 text-sm text-zinc-500 dark:text-zinc-400">{{ $attendance->created_at?->format('Y-m-d H:i') }}</td>
                        </tr>
                    @endforeach
@if(($attendanceRecords)->isEmpty())
                        <tr>
                            <td colspan="4" class="px-6 py-10 text-center text-sm text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'لم يتم تسجيل أي حضور أو غياب بعد.' : 'No attendance records yet.' }}</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </section>
</div>
@endsection