@extends('admin.layouts.app')
@section('title', 'Add Subject')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('admin.academics.subjects.index') }}">Subjects</a></li>
    <li class="breadcrumb-item active">Add Subject</li>
@endsection
@section('content')
    <div class="page-header">
        <h1 class="page-title">Add Subject</h1>
    </div>
    <div class="row g-3">
        <div class="col-lg-7">
            <div class="card">
                <div class="card-body">
                    <form method="POST" id="addSubject" class="formSubmit"
                        action="{{ route('admin.academics.subjects.store') }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Category <span class="text-danger">*</span></label>
                                <select name="category" id="category" class="form-select" required>
                                    @foreach (['Major', 'Minor', 'SEC', 'MD', 'AEC', 'CVA', 'MISC'] as $cat)
                                        <option value="{{ $cat }}">{{ str_replace('_', '/', $cat) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 showClass" style="display: none">
                                <label class="form-label">Class <span class="text-danger">*</span></label>
                                <select name="class_id" id="class_id" class="form-select">
                                    <option value="">— Select —</option>
                                    @foreach ($classes as $c)
                                        <option value="{{ $c->id }}">{{ $c->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6">
                                <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>
                                </select>
                            </div>
                            {{-- <div class="col-md-6 semester_two" style="display: none">
                                <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>
                                    @foreach ($semesters as $sem)
                                        <option value="{{ $sem->id }}">
                                            {{ $sem->class?->name }} — {{ $sem->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div> --}}
                            <div class="col-md-8">
                                <label class="form-label">Subject Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" id="name" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Subject Code <span class="text-danger">*</span></label>
                                <input type="text" name="code" id="code" class="form-control" placeholder="">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label">Credits</label>
                                <input type="number" name="credit_hours" id="credit_hours" class="form-control" step="0.5">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Theory Hrs</label>
                                <input type="number" name="theory_hours" id="theory_hours" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Practical Hrs</label>
                                <input type="number" name="practical_hours" id="practical_hours" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Assign Teacher</label>
                                <select name="teacher_id" id="teacher_id" class="form-select">
                                    <option value="">— Optional —</option>
                                    @foreach ($employees as $emp)
                                        <option value="{{ $emp->id }}">{{ $emp->user?->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12">
                                <div class="d-flex gap-2 justify-content-end">
                                    <a href="{{ route('admin.academics.subjects.index') }}"
                                        class="btn btn-light">Cancel</a>
                                    <button type="submit" class="btn btn-primary">Add Subject</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="card">
                <div class="card-header">Category Reference</div>
                <div class="list-group list-group-flush">
                    @foreach ([['Major', 'primary', 'Core honours subject papers'], ['Minor', 'info', 'Minor subject papers'], ['MDC/IDC', 'warning', 'Multidisciplinary / Interdisciplinary'], ['VAC', 'success', 'Value Added Course'], ['AEC', 'secondary', 'Ability Enhancement Course'], ['SEC', 'danger', 'Skill Enhancement Course'], ['Miscellaneous', 'secondary', 'Other subjects']] as [$cat, $color, $desc])
                        <div class="list-group-item py-2 px-3 d-flex align-items-center gap-2">
                            <span class="badge badge-soft-{{ $color }}"
                                style="min-width:70px;text-align:center">{{ $cat }}</span>
                            <span style="font-size:0.82rem;color:#64748b">{{ $desc }}</span>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    @push('scripts')
        <script>
            $(function() {
                function allSemester() {
                    var response;
                    $('#semester_id').html('');
                    $.ajax({
                        url: "{{ route('admin.allSemester') }}",
                        type: "post",
                        headers: {
                            'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        },
                        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 + " (" + (this.class ? this.class.name : '--') + ")"));
                                });
                            }
                        }
                    });
                }
                function toggleClassSelect() {
                    if ($('select[name="category"]').val() === 'Major') {
                        $('.showClass').show();
                        $('.showClass select').attr('required', true);
                        $('#semester_id').html('');
                    } else {
                        $('.showClass').hide();
                        $('.showClass select').attr('required', false).val('');
                        allSemester();
                    }
                }
                toggleClassSelect();
                $('select[name="category"]').change(toggleClassSelect);
            });
            $(document).on('change', '#class_id', function(e) {
                e.preventDefault();
                var class_id = $(this).val()
                var response;
                $('#semester_id').html('');
                $.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
@endsection