@extends('layouts.teacher')

@section('title', $title.' · Homework · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Homework"
            :title="$title"
            meta="Create homework for a subject you teach, then assign it to enrolled students. Parents are emailed when you assign."
        >
            <x-slot:actions>
                <a href="{{ route('teacher.homework.create') }}" class="btn mec-btn-navy btn-md">Create homework</a>
            </x-slot:actions>
        </x-admin.page-header>

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif

        <div class="d-flex flex-wrap gap-2 mb-4">
            @foreach ([
                'assigned' => 'Assigned',
                'drafts' => 'Drafts',
                'overdue' => 'Overdue',
            ] as $key => $label)
                <a href="{{ route('teacher.homework.index', $key) }}" class="btn btn-sm {{ $section === $key ? 'mec-btn-navy' : 'mec-btn-secondary' }}">{{ $label }}</a>
            @endforeach
            <a href="{{ route('teacher.submissions.index', 'awaiting') }}" class="btn btn-sm mec-btn-secondary">Awaiting marking</a>
        </div>

        @if ($items->isEmpty())
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">
                        @if ($section === 'drafts')
                            No drafts yet. Create homework and save it as a draft until you are ready to assign.
                        @else
                            No homework in this list yet. Create homework and assign it to enrolled students.
                        @endif
                    </p>
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Homework</th>
                                <th>Subject</th>
                                <th>Due</th>
                                <th>Students</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($items as $homework)
                                <tr>
                                    <td><strong>{{ $homework->title }}</strong></td>
                                    <td>{{ $homework->lesson?->academicLabel() }}</td>
                                    <td>{{ $homework->dueLabel() }}</td>
                                    <td>
                                        @if ($homework->assignees->isNotEmpty())
                                            {{ $homework->assignees->count() }} selected
                                        @else
                                            All enrolled
                                        @endif
                                    </td>
                                    <td>{{ $homework->assigned_status?->label() ?? 'Assigned' }}</td>
                                    <td class="text-end">
                                        <a href="{{ route('teacher.homework.show', $homework) }}" class="btn mec-btn-navy btn-sm">View</a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection