@extends('layouts.teacher-portal')
@section('title', 'Class Results')
@section('header', 'Class Results')

@section('content')
    @if ($myClassTeacherIds->isEmpty())
        <div class="rounded-2xl bg-white p-12 text-center shadow-sm ring-1 ring-slate-900/5">
            <p class="text-sm text-slate-400">Consolidated results are only available to class teachers.</p>
        </div>
    @else
        <form method="GET" class="mb-5 flex flex-wrap items-end gap-3">
            <div>
                <label class="block text-xs font-semibold uppercase tracking-wide text-slate-400">My Class</label>
                <select name="class_id" class="mt-1 rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    @foreach ($classes as $option)
                        @if ($myClassTeacherIds->contains($option->id))
                            <option value="{{ $option->id }}" {{ $classId == $option->id ? 'selected' : '' }}>{{ $option->name }}</option>
                        @endif
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-xs font-semibold uppercase tracking-wide text-slate-400">Term</label>
                <select name="term_id" class="mt-1 rounded-lg border border-slate-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    @foreach ($terms as $option)
                        <option value="{{ $option->id }}" {{ $termId == $option->id ? 'selected' : '' }}>{{ $option->name }}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="rounded-lg bg-slate-100 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-200">Compute</button>
        </form>

        @if ($computed && $classId)
            <div class="mb-5 grid grid-cols-2 gap-4 sm:grid-cols-4">
                <div class="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Students</p>
                    <p class="mt-1 font-display text-2xl font-bold text-slate-900">{{ count($computed['students']) }}</p>
                </div>
                <div class="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Subjects</p>
                    <p class="mt-1 font-display text-2xl font-bold text-slate-900">{{ $computed['subjects']->count() }}</p>
                </div>
                <div class="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Class Average</p>
                    <p class="mt-1 font-display text-2xl font-bold text-primary-700">{{ $computed['classAverage'] !== null ? number_format($computed['classAverage'], 1) . '%' : '—' }}</p>
                </div>
                @php($published = collect($computed['students'])->filter(fn ($r) => optional($r['sheet'])->status === 'published')->count())
                <div class="rounded-2xl bg-white p-5 shadow-sm ring-1 ring-slate-900/5">
                    <p class="text-xs font-semibold uppercase tracking-wide text-slate-400">Published Sheets</p>
                    <p class="mt-1 font-display text-2xl font-bold text-green-600">{{ $published }} / {{ count($computed['students']) }}</p>
                </div>
            </div>

            <div class="overflow-x-auto rounded-2xl bg-white shadow-sm ring-1 ring-slate-900/5">
                <table class="min-w-full divide-y divide-slate-100">
                    <thead class="bg-slate-50">
                        <tr>
                            <th class="px-4 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Pos</th>
                            <th class="px-6 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Student</th>
                            <th class="px-4 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Total</th>
                            <th class="px-4 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Avg</th>
                            <th class="px-4 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Grade</th>
                            <th class="px-4 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Missing Scores</th>
                            <th class="px-4 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Sheet Status</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-50">
                        @forelse ($computed['students'] as $row)
                            <tr class="hover:bg-slate-50">
                                <td class="px-4 py-3.5 text-center text-sm font-bold text-slate-700">{{ $row['position'] ?? '—' }}</td>
                                <td class="px-6 py-3.5 text-sm font-medium text-slate-800">{{ $row['student']->full_name }}</td>
                                <td class="px-4 py-3.5 text-center text-sm text-slate-600">{{ $row['total'] !== null ? number_format($row['total'], 1) : '—' }}</td>
                                <td class="px-4 py-3.5 text-center text-sm font-semibold text-slate-700">{{ $row['average'] !== null ? number_format($row['average'], 1) . '%' : '—' }}</td>
                                <td class="px-4 py-3.5 text-center"><span class="rounded-full bg-primary-50 px-2.5 py-0.5 text-xs font-bold text-primary-700">{{ $row['grade'] ?? '—' }}</span></td>
                                <td class="px-4 py-3.5 text-center text-sm {{ $row['subjects'] && collect($row['subjects'])->sum('missing') > 0 ? 'font-semibold text-red-500' : 'text-green-500' }}">
                                    {{ collect($row['subjects'])->sum('missing') }}
                                </td>
                                <td class="px-4 py-3.5 text-center">
                                    @if ($row['sheet'])
                                        <span class="rounded-full px-2.5 py-0.5 text-[11px] font-bold uppercase tracking-wide {{ $row['sheet']->status === 'published' ? 'bg-green-50 text-green-600' : ($row['sheet']->status === 'draft' ? 'bg-amber-50 text-amber-600' : 'bg-slate-100 text-slate-500') }}">{{ ucfirst($row['sheet']->status ?? 'draft') }}</span>
                                    @else
                                        <span class="rounded-full bg-slate-100 px-2.5 py-0.5 text-[11px] font-bold uppercase tracking-wide text-slate-400">Not generated</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="px-6 py-12 text-center text-sm text-slate-400">No active students in this class.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{-- Subject averages summary --}}
            <div class="mt-6 overflow-x-auto rounded-2xl bg-white shadow-sm ring-1 ring-slate-900/5">
                <div class="border-b border-slate-100 px-6 py-4"><h3 class="font-display text-base font-semibold text-slate-900">Subject Averages</h3></div>
                <table class="min-w-full divide-y divide-slate-100">
                    <thead class="bg-slate-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Subject</th>
                            <th class="px-6 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Average</th>
                            <th class="px-6 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Highest</th>
                            <th class="px-6 py-3 text-center text-[11px] font-bold uppercase tracking-wider text-slate-400">Lowest</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-50">
                        @foreach ($computed['subjects'] as $subject)
                            @php($stats = $computed['subjectStats'][$subject->id] ?? [])
                            <tr class="hover:bg-slate-50">
                                <td class="px-6 py-3 text-sm font-medium text-slate-800">{{ $subject->name }}</td>
                                <td class="px-6 py-3 text-center text-sm font-semibold text-primary-700">{{ isset($computed['subjectAverages'][$subject->id]) && $computed['subjectAverages'][$subject->id] !== null ? number_format($computed['subjectAverages'][$subject->id], 1) : '—' }}</td>
                                <td class="px-6 py-3 text-center text-sm text-green-600">{{ ($stats['highest'] ?? null) !== null ? number_format($stats['highest'], 1) : '—' }}</td>
                                <td class="px-6 py-3 text-center text-sm text-red-500">{{ ($stats['lowest'] ?? null) !== null ? number_format($stats['lowest'], 1) : '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <p class="mt-4 text-xs text-slate-400">Read-only view. Sheets are published by the school administrator; add your remarks under Comments.</p>
        @else
            <div class="rounded-2xl bg-white p-12 text-center shadow-sm ring-1 ring-slate-900/5">
                <p class="text-sm text-slate-400">Select a class and term to compute results.</p>
            </div>
        @endif
    @endif
@endsection