@extends('layouts.school')

@section('title', 'Class Report')
@section('header', 'Class Report')

@section('content')
    <form method="GET" class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-end">
        <div class="flex-1">
            <label class="block text-sm font-medium text-gray-700">Class</label>
            <select name="class_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                <option value="">Select class...</option>
                @foreach($classes as $c)
                    <option value="{{ $c->id }}" {{ request('class_id') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex-1">
            <label class="block text-sm font-medium text-gray-700">Exam (optional)</label>
            <select name="exam_id" class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                <option value="">All Exams</option>
                @foreach($exams as $e)
                    <option value="{{ $e->id }}" {{ request('exam_id') == $e->id ? 'selected' : '' }}>{{ $e->name }} ({{ $e->classroom?->name }})</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="rounded-lg bg-primary-600 px-6 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">Generate</button>
    </form>

    @if($classInfo)
        <div class="mb-6 flex items-center gap-4">
            <h2 class="text-lg font-bold text-gray-900">{{ $classInfo->name }}</h2>
            @if($examInfo)
                <span class="rounded-full bg-blue-50 px-3 py-1 text-xs font-medium text-blue-700">{{ $examInfo->name }}</span>
            @endif
            <span class="rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-600">{{ $students->count() }} students</span>
        </div>

        @if($students->count())
            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase">#</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Student</th>
                            <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Admission No</th>
                            <th class="px-4 py-3 text-center text-xs font-semibold text-gray-500 uppercase">Score</th>
                            <th class="px-4 py-3 text-center text-xs font-semibold text-gray-500 uppercase">Max</th>
                            <th class="px-4 py-3 text-center text-xs font-semibold text-gray-500 uppercase">Average %</th>
                            <th class="px-4 py-3 text-center text-xs font-semibold text-gray-500 uppercase">Attendance</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-100">
                        @foreach($students as $i => $row)
                            @php
                                $color = $row['percentage'] >= 70 ? 'text-green-600' : ($row['percentage'] >= 50 ? 'text-amber-600' : 'text-red-600');
                                $attColor = $row['attendance_pct'] >= 80 ? 'text-green-600' : ($row['attendance_pct'] >= 60 ? 'text-amber-600' : 'text-red-600');
                            @endphp
                            <tr class="hover:bg-gray-50">
                                <td class="px-4 py-3 text-sm text-gray-500">{{ $i + 1 }}</td>
                                <td class="px-4 py-3">
                                    <a href="{{ route('school.reports.student-report', array_merge(request()->query(), ['student_id' => $row['student']->id])) }}" class="text-sm font-medium text-primary-600 hover:text-primary-700">{{ $row['student']->full_name }}</a>
                                </td>
                                <td class="px-4 py-3 text-sm text-gray-600">{{ $row['student']->admission_no }}</td>
                                <td class="px-4 py-3 text-center text-sm font-medium text-gray-900">{{ $row['total_obtained'] }}</td>
                                <td class="px-4 py-3 text-center text-sm text-gray-500">{{ $row['total_max'] }}</td>
                                <td class="px-4 py-3 text-center text-sm font-semibold {{ $color }}">{{ $row['percentage'] }}%</td>
                                <td class="px-4 py-3 text-center text-sm {{ $attColor }}">{{ $row['present_days'] }}/{{ $row['total_days'] }} ({{ $row['attendance_pct'] }}%)</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-12 text-center text-sm text-gray-500">No students found in this class.</div>
        @endif
    @else
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-12 text-center text-sm text-gray-500">Select a class above to view the report.</div>
    @endif
@endsection