@extends('student.layouts.app')

@section('title', app()->getLocale() === 'ar' ? 'جدول الأسبوع' : 'Weekly Schedule')

@section('content')
@php($isArabic = app()->getLocale() === 'ar')

<div class="space-y-6">
    <section class="rounded-[1.75rem] border border-zinc-200 bg-white p-5 shadow-playful dark:border-zinc-800 dark:bg-zinc-900">
        <h1 class="text-3xl font-black text-zinc-900 dark:text-white">{{ $isArabic ? 'جدول الأسبوع' : 'Weekly Schedule' }}</h1>
        <p class="mt-3 max-w-3xl text-sm leading-7 text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'عرض أسبوعي واضح لحصصك الحالية حسب الفصل الدراسي المرتبط بحسابك.' : 'A clear weekly view of your current classes based on the school class linked to your account.' }}</p>
    </section>

    @if(!$primaryClass)
        <div class="student-card p-10 text-center">
            <h3 class="text-lg font-black text-zinc-900 dark:text-white">{{ $isArabic ? 'لا يوجد فصل دراسي مرتبط بحسابك' : 'No school class is linked to your account' }}</h3>
        </div>
    @else
        <div class="space-y-5">
            @foreach($weekDays as $day)
                @php($entries = $groupedSchedule[$day] ?? collect())
                <section class="student-card overflow-hidden">
                    <div class="border-b border-zinc-200 bg-zinc-50 px-6 py-5 dark:border-zinc-800 dark:bg-zinc-950">
                        <h2 class="text-xl font-black text-zinc-900 dark:text-white">{{ __('dashboard.' . $day) }}</h2>
                    </div>

                    @if($entries->isEmpty())
                        <div class="p-6 text-sm font-semibold text-zinc-500 dark:text-zinc-400">{{ $isArabic ? 'لا توجد حصص مجدولة لهذا اليوم.' : 'No classes scheduled for this day.' }}</div>
                    @else
                        <div class="overflow-x-auto">
                            <table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-800">
                                <thead class="bg-zinc-50/80 dark:bg-zinc-800/40">
                                    <tr class="text-right text-xs font-black uppercase tracking-[0.2em] text-zinc-500 dark:text-zinc-400">
                                        <th class="px-6 py-4">{{ $isArabic ? 'الحصة' : 'Period' }}</th>
                                        <th class="px-6 py-4">{{ $isArabic ? 'المادة' : 'Course' }}</th>
                                        <th class="px-6 py-4">{{ $isArabic ? 'التوقيت' : 'Time' }}</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-zinc-200 dark:divide-zinc-800">
                                    @foreach($entries as $entry)
                                        <tr>
                                            <td class="px-6 py-4 text-sm font-black text-zinc-900 dark:text-white">{{ $entry->period }}</td>
                                            <td class="px-6 py-4 text-sm font-bold text-zinc-900 dark:text-white">{{ $entry->course?->name ?: '—' }}</td>
                                            <td class="px-6 py-4 text-sm text-zinc-600 dark:text-zinc-300">{{ $entry->start_time }} - {{ $entry->end_time }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </section>
            @endforeach
        </div>
    @endif
</div>
@endsection