@extends('layouts.app')
@section('title', 'Exams')
@section('page-title', 'Examinations')
@section('content')
<div class="space-y-6">
    @if(auth()->user()->isAdmin() || auth()->user()->isTeacher())
    <div class="flex justify-end">
        <a href="{{ route('academics.exams.create') }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"><i class="fas fa-plus mr-2"></i>Create Exam</a>
    </div>
    @endif
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
        <table class="w-full">
            <thead class="bg-gray-50"><tr>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Exam</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Subject</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Class</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Marks</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Actions</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"><p class="font-medium text-gray-800">{{ $exam->name }}</p><p class="text-xs text-gray-500 capitalize">{{ $exam->type }}</p></td>
                    <td class="px-6 py-4 text-sm">{{ $exam->subject->name ?? 'N/A' }}</td>
                    <td class="px-6 py-4 text-sm">{{ $exam->class_->full_name ?? 'N/A' }}</td>
                    <td class="px-6 py-4 text-sm">{{ $exam->exam_date->format('d M Y') }}</td>
                    <td class="px-6 py-4 text-sm">{{ $exam->total_marks }} (Pass: {{ $exam->pass_marks }})</td>
                    <td class="px-6 py-4"><span class="px-2 py-1 text-xs rounded-full {{ $exam->status === 'completed' ? 'bg-green-100 text-green-700' : ($exam->status === 'scheduled' ? 'bg-blue-100 text-blue-700' : 'bg-yellow-100 text-yellow-700') }}">{{ ucfirst($exam->status) }}</span></td>
                    <td class="px-6 py-4">
                        <a href="{{ route('academics.exams.show', $exam) }}" class="text-blue-600 hover:underline text-sm mr-3">View</a>
                        @if(auth()->user()->isAdmin() || auth()->user()->isTeacher())
                        <a href="{{ route('academics.marks.enter', $exam) }}" class="text-green-600 hover:underline text-sm">Enter Marks</a>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="px-6 py-8 text-center text-gray-500">No exams found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $exams->links() }}
</div>
@endsection