@extends('layouts.teacher')

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

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Homework"
            :title="$homework->title"
            :meta="$homework->lesson?->academicLabel().' · '.$homework->dueLabel()"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.homework.index', $homework->isAssigned() ? 'assigned' : 'drafts') }}" class="btn mec-btn-secondary btn-md">Back</a>
                <a href="{{ route('teacher.homework.edit', $homework) }}" class="btn mec-btn-navy btn-md">Edit</a>
            </x-slot:actions>
        </x-admin.page-header>

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

        <div class="card mec-panel mb-3">
            <div class="card-body">
                <p class="mb-2"><strong>Status:</strong> {{ $homework->assigned_status?->label() ?? 'Assigned' }}</p>
                <p class="mb-2"><strong>Submit:</strong> {{ $homework->submissionLabel() }}@if ($homework->total_marks) · {{ $homework->total_marks }} marks @endif</p>
                @if ($homework->details)
                    <h6>Details</h6>
                    <div class="mb-3">{!! nl2br(e($homework->details)) !!}</div>
                @endif
                @if ($homework->instructions)
                    <h6>Instructions</h6>
                    <div class="mb-3">{!! nl2br(e($homework->instructions)) !!}</div>
                @endif
                @include('lessons.partials.homework-files', ['homework' => $homework, 'downloadRoute' => 'teacher.homework.file'])
                @if (! $homework->isAssigned())
                    <form method="POST" action="{{ route('teacher.homework.assign', $homework) }}">
                        @csrf
                        <button type="submit" class="btn mec-btn-navy">Create assignment</button>
                    </form>
                @endif
            </div>
        </div>

        <div class="card mec-panel mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h6 class="mb-0">Students</h6>
                <a href="{{ route('teacher.submissions.index', 'awaiting') }}" class="btn mec-btn-secondary btn-sm">Awaiting marking</a>
            </div>
            <div class="card-body">
                @if ($homework->assignees->isEmpty())
                    <p class="text-muted mb-3">Assigned to all students currently enrolled in this subject.</p>
                @endif
                @if ($recipients->isEmpty())
                    <p class="mec-empty mb-0">No enrolled students yet. A parent must enrol the child in this subject first.</p>
                @else
                    <div class="table-responsive">
                        <table class="table mb-0">
                            <thead>
                                <tr>
                                    <th>Student</th>
                                    <th>Status</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($recipients as $student)
                                    @php $submission = $homework->submissions->firstWhere('student_user_id', $student->id); @endphp
                                    <tr>
                                        <td>{{ $student->full_name }}</td>
                                        <td>
                                            @if ($submission?->status?->value === 'marked')
                                                Marked · {{ $submission->score }} / {{ $submission->total_marks ?: $homework->total_marks }}
                                            @elseif ($submission)
                                                {{ $submission->isResubmission() ? 'Resubmitted — awaiting marking' : 'Submitted — awaiting marking' }}
                                            @else
                                                To do
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            @if ($submission)
                                                <a href="{{ route('teacher.submissions.show', $submission) }}" class="btn mec-btn-navy btn-sm">{{ $submission->isAwaitingMark() ? 'Mark' : 'View mark' }}</a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection