@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => $title])

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <form role="form" method="POST" action={{ route('feedback-student') }} enctype="multipart/form-data">
                    @csrf
                    <div class="card-header pb-0">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5>Feedback Information</h5> <!-- Added a title for context -->
                            <div>
                                <button type="submit" class="btn btn-primary btn-sm ms-2">Save</button>
                                <button type="button" class="btn btn-secondary btn-sm ms-2"
                                    onclick="window.history.back();">Cancel</button>
                                <!-- Cancel Button with redirect -->
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        <p class="text-uppercase text-sm">Feedback Information</p>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="academic_year" class="form-control-label">Academic year</label>
                                    <select class="form-select select2" name="academic_year" id="academic_year">
                                        <option value="">Select academic year</option>
                                        @forelse ($academic_year as $data)
                                            <option value="{{$data->academicyear_Id }}">
                                                {{$data->academicdetail}}
                                            </option>
                                        @empty
                                            <option>No data found.</option>
                                        @endforelse
                                    </select>
                                    @if ($errors->has('academic_year'))
                                        <sup class="text-danger">{{ $errors->first('academic_year') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="semester" class="form-control-label">Semester</label>
                                    <select class="form-select select2" name="semester" id="semester">
                                        <option value="">Select semester</option>
                                        @forelse ($semester as $data)
                                            <option value="{{$data->cms_semester_sid }}">
                                                {{$data->semester_name}}
                                            </option>
                                        @empty
                                            <option>No data found.</option>
                                        @endforelse
                                    </select>
                                    @if ($errors->has('semester'))
                                        <sup class="text-danger">{{ $errors->first('semester') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="display_name" class="form-control-label">Display name</label>
                                    <input class="form-control" type="text" name="display_name" id="display_name"
                                        value="{{ old('display_name', '') }}">
                                    @if ($errors->has('display_name'))
                                        <sup class="text-danger">{{ $errors->first('display_name') }}</sup>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="faculty" class="form-control-label">Faculty</label>
                                    <select class="form-select select2" name="faculty" id="faculty">
                                        <option value="">Select faculty</option>
                                        @forelse ($faculty as $data)
                                            <option value="{{$data->cms_staff_id}}">
                                                {{$data->firstname}}
                                            </option>
                                        @empty
                                            <option>No data found.</option>
                                        @endforelse
                                    </select>
                                    @if ($errors->has('faculty'))
                                        <sup class="text-danger">{{ $errors->first('faculty') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="syllabus" class="form-control-label">Syllabus</label>
                                    <input class="form-control" type="text" name="syllabus" id="syllabus"
                                        value="{{ old('syllabus', '') }}">
                                    @if ($errors->has('syllabus'))
                                        <sup class="text-danger">{{ $errors->first('syllabus') }}</sup>
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="department" class="form-control-label">Deprtment</label>
                                    <select class="form-select select2" name="department" id="department">
                                        <option value="">Select department</option>
                                        @forelse ($department as $data)
                                            <option value="{{$data->cms_department_sid  }}">
                                                {{$data->department_name}}
                                            </option>
                                        @empty
                                            <option>No data found.</option>
                                        @endforelse
                                    </select>
                                    @if ($errors->has('department'))
                                        <sup class="text-danger">{{ $errors->first('department') }}</sup>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="program" class="form-control-label">Course</label>
                                    <select class="form-select select2" name="program" id="program">
                                        <option value="">Select Course</option>
                                    </select>
                                    @if ($errors->has('program'))
                                        <sup class="text-danger">{{ $errors->first('program') }}</sup>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth.footer')
</div>
@endsection
@push('scripts')
<script type="text/javascript">
    $(document).ready(function() {
        $('#department').change(function() {
            var departmentId = $(this).val();

            if (departmentId) {
                $.ajax({
                    url: '{{ route("fetch-course") }}', 
                    type: 'GET',
                    data: {
                        department_id: departmentId
                    },
                    success: function(response) {
                        $('#program').empty();
                        $('#program').append('<option value="">Select Course</option>');

                        $.each(response.courses, function(key, value) {
                            $('#program').append('<option value="'+ value.cms_course_sid  +'">'+ value.course_name +'</option>');
                        });
                    },
                    error: function() {
                        toastr.error('Something went wrong!'); 
                    }
                });
            } else {
                $('#program').empty();
                $('#program').append('<option value="">Select Course</option>');
            }
        });
    });
</script>
@endpush