@extends('admin.layouts.app')
@section('title', 'Subjects')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.academics.classes.index') }}">Academics</a></li>
    <li class="breadcrumb-item active">Subjects</li>
@endsection
@section('content')
    <div class="page-header">
        <div>
            <h1 class="page-title">Subjects</h1>
            <p class="page-subtitle">Manage subjects across all classes and categories</p>
        </div>
        <a href="{{ route('admin.academics.subjects.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i>Add Subject
        </a>
    </div>

    <div class="card mb-3">
        <div class="card-body py-3">
            <form method="GET" class="row g-2 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">
                        <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-3">
                    <select name="category" class="form-select">
                        <option value="">All Categories</option>
                        @foreach (['Major', 'Minor', 'MDC_IDC', 'VAC', 'AEC', 'SEC', 'Miscellaneous'] as $cat)
                            <option value="{{ $cat }}" {{ request('category') == $cat ? 'selected' : '' }}>
                                {{ str_replace('_', '/', $cat) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-1">
                    <label class="form-label"></label>
                    <input type="submit" class="btn btn-success" value="Search">
                </div>
                <div class="col-md-2"><a href="{{ route('admin.academics.subjects.index') }}"
                        class="btn btn-outline-secondary">Clear</a></div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th>Subject</th>
                        <th>Code</th>
                        <th>Class</th>
                        <th>Semester</th>
                        <th>Category</th>
                        <th>Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($subjects as $sub)
                        <tr>
                            <td style="font-weight:500;font-size:0.87rem">{{ $sub->name }}</td>
                            <td><code style="font-size:0.8rem">{{ $sub->code }}</code></td>
                            <td style="font-size:0.82rem">{{ $sub->class?->name ?? '--' }}</td>
                            <td>{{ $sub->semester?->name ?? '--' }}</td>
                            <td>
                                @php $catColors = ['Major'=>'primary','Minor'=>'info','MDC_IDC'=>'warning','VAC'=>'success','AEC'=>'secondary','SEC'=>'danger','Miscellaneous'=>'secondary']; @endphp
                                <span class="badge badge-soft-{{ $catColors[$sub->category] ?? 'secondary' }}"
                                    style="font-size:0.72rem">
                                    {{ str_replace('_', '/', $sub->category) }}
                                </span>
                            </td>
                            <td><span
                                    class="badge badge-soft-{{ $sub->status === 'active' ? 'success' : 'secondary' }}">{{ ucfirst($sub->status) }}</span>
                            </td>
                            <td>
                                <button class="btn btn-sm btn-outline-secondary py-1 goTo"
                                    data-action="{{ route('admin.academics.subjects.edit', $sub->id) }}">
                                    <i class="bi bi-pencil"></i>
                                </button>
                                <form method="POST" action="{{ route('admin.academics.subjects.destroy', $sub->id) }}"
                                    onsubmit="return confirm('Deactivate this subject?')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger py-1"><i
                                            class="bi bi-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-4 text-muted">No subjects found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($subjects->hasPages())
            <div class="card-body pt-2">{!! $subjects->withQueryString()->links('pagination::bootstrap-5') !!}</div>
        @endif
    </div>
@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