@extends('admin.layouts.app')
@section('title', 'Mark Attendance')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.attendance.index') }}">Academics</a></li>
    <li class="breadcrumb-item active">Asign Subject</li>
@endsection
@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Asign Subject List</h1>
        </div>
    </div>
    <!-- FILTER FORM -->
    <div class="card mb-4">
        <div class="card-header"><i class="bi bi-funnel me-2 text-primary"></i>Select Class & Semester</div>
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <div class="col-md-3">
                    <label class="form-label">Class <span class="text-danger">*</span></label>
                    <select name="class_id" id="class_id" class="form-select" required>
                        <option value="">— Select Class —</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Semester <span class="text-danger">*</span></label>
                    <select name="semester_id" id="semester_id" class="form-select">
                        <option value="">— Select Semester —</option>
                        @if (request('class_id'))
                            @foreach ($semesters as $semester)
                                <option value="{{ $semester->id }}"
                                    {{ request('semester_id') == $semester->id ? 'selected' : '' }}>{{ $semester->name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
                {{-- <div class="col-md-3">
                    <label class="form-label">Subject <span class="text-danger">*</span></label>
                    <select name="subject_id" id="subject_id" class="form-select" required>
                        <option value="">— Select Subject —</option>
                        @if (request()->semester_id)
                            @foreach ($subjects as $sub)
                                <option value="{{ $sub->id }}"
                                    {{ request('subject_id') == $sub->id ? 'selected' : '' }}>{{ $sub->name }}
                                    ({{ $sub->category }})
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div> --}}
                <div class="col-md-1">
                    <label class="form-label"></label>
                    <input type="submit" class="btn btn-success" value="Search">
                </div>
            </form>
        </div>
    </div>
    @if ($students->count())
        <form method="POST" class="formSubmit" action="{{ route('admin.asign-subject.index') }}">
            @csrf
            <input type="hidden" name="class_id" value="{{ request('class_id') }}">
            <input type="hidden" name="semester_id" value="{{ request('semester_id') }}">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span>
                        <i class="bi bi-clipboard-check me-2 text-success"></i>
                        Students — {{ $students->count() }} total
                    </span>
                </div>
                <div class="table-responsive">
                    <table class="table table-hover mb-0" id="attendance-table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Roll No.</th>
                                <th>Student Name</th>
                                <th>Subject</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($students as $i => $student)
                                <tr>
                                    <td class="text-muted" style="font-size:0.82rem">{{ $i + 1 }}</td>
                                    <td>
                                        <span
                                            style="font-size:0.83rem; font-weight:500">{{ $student->roll_no ?? '—' }}</span>
                                    </td>
                                    <td>
                                        <div class="d-flex align-items-center gap-2">
                                            <div
                                                style="width:30px;height:30px;border-radius:7px;background:#f1f5f9;color:#475569;font-weight:600;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0">
                                                {{ strtoupper(substr($student->student_name, 0, 2)) }}
                                            </div>
                                            <span style="font-size:0.87rem">{{ $student->student_name }}</span>
                                            <input type="hidden" name="student_id[{{ $student->id }}]" id="student_id_{{ $student->id }}" value="{{ $student->id }}">
                                        </div>
                                    </td>
                                    <td>
                                        @foreach ($subjects as $subject)
                                            <input type="checkbox" name="subject_id[{{ $subject->id }}]"
                                                id="subject_id_{{ $subject->id }}" value="{{ $subject->id }}"
                                                @if ($subject->category == 'Major') checked disabled @endif
                                                @if ($subject->category != 'Major' && $student->asignSubjects->contains('subject_id', $subject->id)) checked @endif>
                                            {{ $subject->name }} - ({{ $subject->category }})<br>
                                        @endforeach
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="card-body d-flex justify-content-between align-items-center pt-3">
                    <div class="ms-auto">
                        <button type="submit" class="btn btn-primary px-4">
                            <i class="bi bi-save me-2"></i>Asign Subjects
                        </button>
                    </div>
                </div>
            </div>
        </form>
    @else
        <div class="card">
            <div class="card-body text-center py-5 text-muted">
                <i class="bi bi-people" style="font-size:2.5rem; opacity:0.3"></i>
                <p class="mt-2">No students found for this class.</p>
            </div>
        </div>
    @endif
@endsection
@push('scripts')
    <script>
        $(document).on('change', '#class_id', function(e) {
            e.preventDefault();
            var class_id = $(this).val()
            var response;
            $('#semester_id').html('');
            $('#subject_id').html('');
            $('#semester_id').append($('<option>', {
                value: '',
                text: '— Select Semester —'
            }));
            $('#subject_id').append($('<option>', {
                value: '',
                text: '— Select Subject —'
            }));
            $.ajax({
                url: "{{ route('admin.classWiseSemester') }}",
                type: "post",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                data: {
                    class_id: class_id
                },
                cache: false,
                success(data) {
                    if (data.status) {
                        response = data.data;
                        var $dropdown = $("#semester_id");
                        $.each(response, function() {
                            $dropdown.append($("<option />").val(this.id)
                                .text(this.name));
                        });
                    }
                }
            });
        });

        $(document).on('change', '#semester_id', function(e) {
            e.preventDefault();
            var semester_id = $(this).val()
            var response;
            $('#subject_id').html('');
            $('#subject_id').append($('<option>', {
                value: '',
                text: '— Select Subject —'
            }));
            $.ajax({
                url: "{{ route('admin.semesterWiseSubject') }}",
                type: "post",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                data: {
                    semester_id: semester_id
                },
                cache: false,
                success(data) {
                    if (data.status) {
                        response = data.data;
                        var $dropdown = $("#subject_id");
                        $.each(response, function() {
                            $dropdown.append($("<option />").val(this.id)
                                .text(this.name + '(' + this.category + ')'));
                        });
                    }
                }
            });
        });
    </script>
@endpush