@extends('layouts.app')

@section('title', 'Enter Marks - {{ $subject->name }} | {{ $class->name }}')

@section('sidebar-menu')
    @include('teacher.partials.sidebar')
@endsection

@section('content')
    <div class="card shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <span>📝 Enter Marks - {{ $class->name }} | {{ $subject->name }}</span>
                <span class="badge bg-primary ms-2">{{ request('exam_type', 'Term 1 Exam') }}</span>
            </div>
            <div>
                <a href="{{ route('teacher.grades.bulk-upload', [$class, $subject]) }}?exam_type={{ request('exam_type', 'Term 1 Exam') }}" 
                class="btn btn-sm btn-info me-2">
                    <i class="fas fa-upload"></i> Bulk Upload
                </a>
                <a href="{{ route('teacher.grades.audit-log', [$class, $subject]) }}" 
                class="btn btn-sm btn-secondary">
                    <i class="fas fa-history"></i> Audit Log
                </a>
            </div>
        </div>
        
        <form action="{{ route('teacher.grades.store', [$class, $subject]) }}" method="POST">
            @csrf
            <input type="hidden" name="exam_type" value="{{ request('exam_type', 'Term 1 Exam') }}">

            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Student ID</th>
                            <th>Student Name</th>
                            <th>Score (0-100)</th>
                            <th>Remarks</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($students as $student)
                        <tr>
                            <td>{{ $student->admission_number }}</td>
                            <td>{{ $student->fullName() }}</td>
                            <td>
                                <input type="number" 
                                       name="scores[{{ $student->id }}]" 
                                       class="form-control text-center" 
                                       min="0" 
                                       max="100"
                                       value="{{ $existingGrades[$student->id] ?? '' }}">
                            </td>
                            <td>
                                <input type="text" 
                                       name="remarks[{{ $student->id }}]" 
                                       class="form-control" 
                                       placeholder="Optional remarks">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="card-footer">
                <button type="submit" class="btn btn-orange">Save Marks</button>
                <a href="{{ route('teacher.grades.index') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection