@extends('layouts.teacher')
@section('title', 'Assignments')
@section('content')
    <x-page-head title="Assignments" subtitle="Homework & class tasks">
        <x-slot:actions><a href="{{ route('teacher.assignments.create') }}" class="btn btn-primary">New Assignment</a></x-slot:actions>
    </x-page-head>
    <x-panel>
        @if ($assignments->isEmpty())
            <x-empty-state title="No assignments" message="Create assignments for your classes." />
        @else
            <div class="table-wrap"><table><thead><tr><th>Title</th><th>Class</th><th>Subject</th><th>Due</th><th>Submissions</th><th>Status</th><th></th></tr></thead><tbody>
                @foreach ($assignments as $assignment)
                    <tr>
                        <td>{{ $assignment->title }}</td>
                        <td>{{ $assignment->schoolClass?->name }}</td>
                        <td>{{ $assignment->subject?->name }}</td>
                        <td>{{ optional($assignment->due_at)->format('d M Y H:i') ?? '—' }}</td>
                        <td>{{ $assignment->submissions_count }}</td>
                        <td><x-badge :variant="$assignment->status === 'published' ? 'green' : 'gray'">{{ ucfirst($assignment->status) }}</x-badge></td>
                        <td><a href="{{ route('teacher.assignments.show', $assignment) }}" class="btn btn-ghost btn-sm">View</a></td>
                    </tr>
                @endforeach
            </tbody></table></div>
            {{ $assignments->links() }}
        @endif
    </x-panel>
@endsection