@extends('layouts.app')
@section('title', 'Enter Marks')
@section('page-title', 'Enter Marks: ' . $exam->name)
@section('content')
<div class="bg-white rounded-xl shadow-sm p-6 border border-gray-100 mb-4">
    <p class="text-sm text-gray-500">{{ $exam->subject->name }} | {{ $exam->class_->full_name }} | Total: {{ $exam->total_marks }}</p>
</div>
<form method="POST" action="{{ route('academics.marks.store', $exam) }}">
    @csrf
    <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
        <table class="w-full">
            <thead class="bg-gray-50"><tr>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">#</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Student</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Marks (out of {{ $exam->total_marks }})</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Absent</th>
                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Remarks</th>
            </tr></thead>
            <tbody class="divide-y divide-gray-100">
                @foreach($students as $i => $student)
                @php $existing = $existingMarks->get($student->id); @endphp
                <tr><td class="px-6 py-3 text-sm">{{ $i+1 }}</td>
                    <td class="px-6 py-3"><input type="hidden" name="marks[{{ $i }}][student_id]" value="{{ $student->id }}"><span class="font-medium">{{ $student->name }}</span></td>
                    <td class="px-6 py-3"><input type="number" name="marks[{{ $i }}][marks_obtained]" value="{{ $existing?->marks_obtained }}" min="0" max="{{ $exam->total_marks }}" step="0.5" class="border border-gray-300 rounded px-3 py-1 w-24 text-sm"></td>
                    <td class="px-6 py-3"><input type="checkbox" name="marks[{{ $i }}][is_absent]" value="1" {{ $existing?->is_absent ? 'checked' : '' }}></td>
                    <td class="px-6 py-3"><input type="text" name="marks[{{ $i }}][remarks]" value="{{ $existing?->remarks }}" class="border border-gray-300 rounded px-3 py-1 text-sm w-full"></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <div class="mt-4 flex justify-end"><button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"><i class="fas fa-save mr-2"></i>Save Marks</button></div>
</form>
@endsection