@extends('admin.layouts.app')
@section('title', 'Assign Subjects')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.asign-subject.minor') }}">Assign Subjects</a></li>
    <li class="breadcrumb-item active">By 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 Subject</div>
        <div class="card-body">
            <form method="GET" class="row g-3 align-items-end">
                <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>
                        @foreach ($allMinorSubjects as $sub)
                            <option value="{{ $sub->id }}" {{ request('subject_id') == $sub->id ? 'selected' : '' }}>
                                {{ $sub->name }}
                                ({{ $sub->category }})
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Class</label>
                    <select name="class_id" id="class_id" class="form-select">
                        <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</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-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.minor') }}">
            @csrf
            <input type="hidden" name="subject_id" value="{{ request('subject_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>Class</th>
                                <th>Semester</th>
                                <th>Is Assigned</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($groupedStudents as $className => $semesters)
                                <!-- ✅ CLASS HEADER -->
                                <tr class="table-primary">
                                    <td colspan="6" align="center">
                                        <strong>Class: {{ $className ?? '—' }}</strong>
                                    </td>
                                </tr>
                                @foreach ($semesters as $semesterName => $studentsList)
                                    <!-- ✅ SEMESTER HEADER -->
                                    <tr class="table-secondary">
                                        <td colspan="6">
                                            <strong>Semester: {{ $semesterName ?? '—' }}</strong>
                                        </td>
                                    </tr>
                                    @foreach ($studentsList as $i => $student)
                                        @php
                                            $isAssigned = $student->asignSubjects->contains(
                                                'subject_id',
                                                request('subject_id'),
                                            );
                                        @endphp
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $student->roll_no ?? '—' }}</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;">
                                                        {{ strtoupper(substr($student->student_name, 0, 2)) }}
                                                    </div>
                                                    {{ $student->student_name }}
                                                </div>
                                            </td>
                                            <td>{{ $student->class?->name ?? '—' }}</td>
                                            <td>{{ $student->semester?->name ?? '—' }}</td>
                                            <td>
                                                <label class="d-flex align-items-center gap-2">
                                                    <input type="hidden" name="students[{{ $student->id }}][class_id]"
                                                        value="{{ $student->class_id }}">
                                                    <input type="hidden" name="students[{{ $student->id }}][semester_id]"
                                                        value="{{ $student->semester_id }}">

                                                    <input type="checkbox" name="students[{{ $student->id }}][selected]"
                                                        value="1" {{ $isAssigned ? 'checked' : '' }}>
                                                    @if ($isAssigned)
                                                        <span class="badge bg-success">Assigned</span>
                                                    @else
                                                        <span class="badge bg-secondary">Assign</span>
                                                    @endif
                                                </label>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endforeach
                            @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('');
            $('#semester_id').append($('<option>', {
                value: '',
                text: '— Select Semester —'
            }));
            $.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));
                        });
                    }
                }
            });
        });
    </script>
@endpush