@extends('layouts.school')
@section('title', 'Examination Reports')
@section('header', 'Examination Reports')

@section('content')
    <div class="mb-6 grid grid-cols-2 gap-4 lg:grid-cols-4">
        <div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-semibold uppercase tracking-wide text-gray-500">Total Exams</p>
            <p class="mt-2 text-2xl font-bold text-gray-900">{{ $total }}</p>
        </div>
        <div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-semibold uppercase tracking-wide text-gray-500">Published</p>
            <p class="mt-2 text-2xl font-bold text-green-600">{{ $published }}</p>
        </div>
        <div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-semibold uppercase tracking-wide text-gray-500">Drafts</p>
            <p class="mt-2 text-2xl font-bold text-yellow-600">{{ $unpublished }}</p>
        </div>
        <div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-gray-900/5">
            <p class="text-xs font-semibold uppercase tracking-wide text-gray-500">Results</p>
            <p class="mt-2 text-2xl font-bold text-gray-900">{{ number_format($totalResults) }}</p>
        </div>
    </div>

    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
        <div class="border-b border-gray-200 px-6 py-4">
            <h3 class="text-sm font-semibold text-gray-900">All Examinations</h3>
        </div>
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Name</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Type</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Class</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Term</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Period</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Marks</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Status</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($exams as $exam)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4">
                            <a href="{{ route('school.exams.show', [$schoolId, $exam->id]) }}" class="text-sm font-medium text-gray-900 hover:text-primary-600">{{ $exam->name }}</a>
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-600 capitalize">{{ $exam->type }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $exam->classroom?->name ?? '—' }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $exam->term?->name ?? '—' }}</td>
                        <td class="px-6 py-4 text-sm text-gray-600">
                            {{ $exam->start_date ? $exam->start_date->format('M j') : '—' }} – {{ $exam->end_date ? $exam->end_date->format('M j, Y') : '—' }}
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $exam->total_marks }} (pass {{ $exam->pass_marks }})</td>
                        <td class="px-6 py-4">
                            <span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium {{ $exam->is_published ? 'bg-green-50 text-green-700' : 'bg-yellow-50 text-yellow-700' }}">
                                {{ $exam->is_published ? 'Published' : 'Draft' }}
                            </span>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="px-6 py-12 text-center text-sm text-gray-500">No examinations found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection