@extends('layouts.teacher-portal')
@section('title', 'My Subjects')
@section('header', 'My Subjects')

@section('content')
    <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-6 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Subject</th>
                    <th class="px-6 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Class</th>
                    <th class="px-6 py-3 text-left text-[11px] font-bold uppercase tracking-wider text-slate-400">Students</th>
                    @if ($perm['enter_marks'])
                        <th class="px-6 py-3 text-right text-[11px] font-bold uppercase tracking-wider text-slate-400">Actions</th>
                    @endif
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-50">
                @forelse ($subjects as $subject)
                    <tr class="hover:bg-slate-50">
                        <td class="px-6 py-4 text-sm font-semibold text-slate-800">{{ $subject->name }}</td>
                        <td class="px-6 py-4 text-sm text-slate-500">{{ $subject->classroom?->name }}</td>
                        <td class="px-6 py-4 text-sm text-slate-500">{{ $subject->students_count }}</td>
                        @if ($perm['enter_marks'])
                            <td class="px-6 py-4 text-right">
                                <a href="{{ route('tportal.marks.entry', array_merge([$school->id], ['subject_id' => $subject->id])) }}" class="rounded-lg bg-primary-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-primary-700">Enter marks</a>
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr><td colspan="4" class="px-6 py-12 text-center text-sm text-slate-400">No subjects assigned yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection