@extends('adminlte::page')

@section('title', 'Marks List')

@section('content_header')
    <h1>Marks List</h1>
@stop

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <span>Marks</span>
        <a href="{{ route('marks.create') }}" class="btn btn-success btn-sm">Add Mark</a>
    </div>
    <div class="card-body">

        {{-- Filters --}}
        <form method="GET" action="{{ route('marks.index') }}" class="mb-3 row">
            {{-- Academic Session --}}
            <div class="col-md-3">
                <label>Academic Session</label>
                <select name="academic_session_id" class="form-control">
                    <option value="">All Sessions</option>
                    @foreach($sessions as $session)
                        <option value="{{ $session->id }}" {{ request('academic_session_id') == $session->id ? 'selected' : '' }}>
                            {{ $session->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- Class --}}
            <div class="col-md-3">
                <label>Class</label>
                <select name="class_id" class="form-control">
                    <option value="">All Classes</option>
                    @foreach($classes as $class)
                        <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                            {{ $class->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- Department --}}
            <div class="col-md-3">
                <label>Department</label>
                <select name="department_id" id="department" class="form-control">
                    <option value="">All Departments</option>
                    @foreach($departments as $department)
                        <option value="{{ $department->id }}" {{ request('department_id') == $department->id ? 'selected' : '' }}>
                            {{ $department->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- Subject --}}
            <div class="col-md-3">
                <label>Subject</label>
                <select name="subject_id" id="subject" class="form-control">
                    <option value="">All Subjects</option>
                    @foreach($subjects as $subject)
                        <option value="{{ $subject->id }}" {{ request('subject_id') == $subject->id ? 'selected' : '' }}>
                            {{ $subject->name }}
                        </option>
                    @endforeach
                </select>
                @if(auth()->user()->hasRole('Teacher'))
                    <small class="text-muted">You can only filter your own subjects</small>
                @endif
            </div>

            <div class="col-md-3 mt-4">
                <button class="btn btn-primary">Filter</button>
            </div>
        </form>

        {{-- Marks Table --}}
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>Student</th>
                    <th>Class</th>
                    <th>Department</th>
                    <th>Subject</th>
                    <th>Exam</th>
                    <th>Mark</th>
                    <th>Grade</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($marks as $mark)
                    <tr>
                        <td>{{ $mark->student->first_name }} {{ $mark->student->last_name }}</td>
                        <td>{{ $mark->student->schoolClass->name ?? '-' }}</td>
                        <td>{{ $mark->subject->department->name ?? '-' }}</td>
                        <td>{{ $mark->subject->name }}</td>
                        <td>{{ $mark->exam->name }}</td>
                        <td>{{ $mark->mark }}</td>
                        <td>{{ $mark->grade->name ?? '-' }}</td>
                        <td>
                            <a href="{{ route('marks.edit', $mark->id) }}" class="btn btn-sm btn-warning">Edit</a>
                            <form action="{{ route('marks.destroy', $mark->id) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-danger" onclick="return confirm('Delete this mark?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="text-center">No marks found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>

        {{-- Pagination --}}
        <div class="d-flex justify-content-center">
            {{ $marks->links() }}
        </div>
    </div>
</div>
@stop

@section('js')
<script>
$(document).ready(function() {
    // Update subjects dynamically when department changes
    $('#department').change(function() {
        let department_id = $(this).val();
        let url = "{{ route('marks.subjects.by.department') }}";

        $.ajax({
            url: url,
            type: 'GET',
            data: { department_id: department_id },
            success: function(data) {
                let subjectSelect = $('#subject');
                subjectSelect.empty();
                subjectSelect.append('<option value="">All Subjects</option>');

                data.forEach(subject => {
                    @if(auth()->user()->hasRole('Teacher'))
                        if(subject.classes.length === 0) return; // skip subjects not assigned
                    @endif
                    subjectSelect.append(`<option value="${subject.id}">${subject.name}</option>`);
                });
            },
            error: function() {
                alert('Could not fetch subjects for this department.');
            }
        });
    });
});
</script>
@stop