@extends('layouts.teacher')
@section('title', 'Assignment')
@section('content')
    <x-page-head :title="$assignment->title" :subtitle="$assignment->schoolClass?->name . ' · ' . $assignment->subject?->name">
        <x-slot:actions>
            @if(!$assignment->results_released)
                <form method="POST" action="{{ route('teacher.assignments.release', $assignment) }}">@csrf<button class="btn btn-primary btn-sm">Release Results</button></form>
            @endif
        </x-slot:actions>
    </x-page-head>
    <x-panel title="Instructions">{!! nl2br(e($assignment->description)) !!}</x-panel>
    <x-panel title="Submissions" style="margin-top:16px;">
        <div class="table-wrap"><table><thead><tr><th>Student</th><th>Submitted</th><th>Late</th><th>Marks</th><th>Status</th><th></th></tr></thead><tbody>
            @forelse ($submissions as $sub)
                <tr>
                    <td>{{ $sub->student?->full_name }}</td>
                    <td>{{ optional($sub->submitted_at)->format('d M Y H:i') ?? '—' }}</td>
                    <td>{{ $sub->is_late ? 'Yes' : 'No' }}</td>
                    <td>{{ $sub->marks_awarded ?? '—' }} / {{ $assignment->total_marks }}</td>
                    <td><x-badge variant="blue">{{ ucfirst($sub->status) }}</x-badge></td>
                    <td>
                        <form method="POST" action="{{ route('teacher.assignments.mark', $sub) }}" style="display:flex; gap:6px; align-items:center;">
                            @csrf
                            <input class="input" style="width:70px;" name="marks_awarded" type="number" step="0.01" max="{{ $assignment->total_marks }}" value="{{ $sub->marks_awarded }}" required>
                            <input class="input" name="feedback" placeholder="Feedback" value="{{ $sub->feedback }}">
                            <button class="btn btn-ghost btn-sm">Mark</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6">No submissions yet.</td></tr>
            @endforelse
        </tbody></table></div>
    </x-panel>
@endsection