@extends('layouts.teacher')

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

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="Submissions"
            :title="$title"
            :meta="$meta"
        />

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

        @include('teacher.submissions.nav', ['section' => $section])

        @if ($items->isEmpty())
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">
                        @if ($section === 'awaiting')
                            Nothing is waiting to be marked. When a student submits homework, it appears here.
                        @elseif ($section === 'recent')
                            No homework has been submitted in the last 14 days.
                        @elseif ($section === 'resubmissions')
                            No resubmissions yet. A student can send work again after you mark it, if the assignment allows resubmission.
                        @else
                            You have not marked homework yet. Open Awaiting marking to score a submission.
                        @endif
                    </p>
                </div>
            </div>
        @else
            <div class="card mec-panel">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Student</th>
                                <th>Homework</th>
                                <th>Subject</th>
                                <th>Submitted</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($items as $submission)
                                <tr>
                                    <td><strong>{{ $submission->student?->full_name }}</strong></td>
                                    <td>{{ $submission->homework?->title }}</td>
                                    <td>{{ $submission->homework?->lesson?->academicLabel() }}</td>
                                    <td>{{ $submission->submitted_at?->timezone('Africa/Accra')->format('D j M · g:i A') ?: '—' }}</td>
                                    <td>
                                        {{ $submission->status?->label() }}
                                        @if ($submission->isResubmission())
                                            · Resubmitted
                                        @endif
                                        @if ($submission->status?->value === 'marked')
                                            · {{ $submission->score }} / {{ $submission->total_marks }}
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('teacher.submissions.show', $submission) }}" class="btn mec-btn-navy btn-sm">
                                            {{ $submission->isAwaitingMark() ? 'Mark' : 'View' }}
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection