@extends('admin::layouts.plane')
@section('page_heading') {{ $title }} @endsection
@section('content')
    <div class="col-lg-12">
        <div class="panel panel-default filterable">
            <div class="panel-heading">
                <div class="panel-title font-weight-bold">{{ $title }}</div>
            </div>
            <div class="container-fluid">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            &nbsp;
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            {{ Form::open(['url' => route('save_teacher'), 'method' => 'POST', 'name' => 'feedbackF']) }}
                            {{ csrf_field() }}
                            <div class="row">
                                <div class="col-lg-12">
                                    <div id="field-container">
                                        <div class="row field-group">
                                            <div class="col-lg-4">
                                                <div class="form-group row">
                                                    <label for="program" class="col-sm-2 col-form-label">Scheme</label>
                                                    <div class="col-sm-10">
                                                        {{ Form::select('scheme_show', $schemeArr, $au_course_teacher->scheme_id, ['placeholder' => '- Select -', 'id' => 'scheme', 'class' => 'form-control scheme', 'disabled' => 'disabled', 'required' => 'required']) }}
                                                        <input type="hidden" name="scheme" value="{{ $au_course_teacher->scheme_id }}"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group row">
                                                    <label for="start_date" class="col-sm-3 col-form-label">Semester</label>
                                                    <div class="col-sm-7">
                                                        {{ Form::select('semester_show', $semesters, $au_course_teacher->semester, ['placeholder' => '- Select -', 'id' => 'semester', 'class' => 'form-control semester', 'disabled' => 'disabled', 'required' => 'required']) }}
                                                         <input type="hidden" name="semester" value="{{ $au_course_teacher->semester }}"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @foreach ($cousreTeachersData as $index => $courseTeacherData)
                                            @if ($index % 3 == 0)
                                                <div class="form-group row">
                                            @endif
                                            <div class="col-sm-4">
                                                <label class="col-form-label">{{ $courseTeacherData['name'] }}</label>
                                                <input type="hidden" name="courses[{{ $courseTeacherData['id'] }}][id][{{ $courseTeacherData['type'] }}]"
                                                    value="{{ $courseTeacherData['id'] }}">
                                                    {{ Form::select("courses[{$courseTeacherData['id']}][teacher][{$courseTeacherData['type']}]", $courseTeacherData['teachers'], isset($existingData[$courseTeacherData['type']][$courseTeacherData['id']]) ? $existingData[$courseTeacherData['type']][$courseTeacherData['id']] : null, ['placeholder' => '- Select -', 'class' => 'form-control course select2']) }}
                                            </div>
                                            @if ($index % 3 == 2 || $index == count($cousreTeachersData) - 1)
                                    </div>
                                    @endif
                                    @endforeach


                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                &nbsp;
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12 text-right">
                                {{ Form::submit('Submit', ['class' => 'btn btn-info']) }}
                            </div>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('change', '#scheme', function() {
                var schemeId = $(this).val();
                if (schemeId) {
                    $.ajax({
                        url: '{{ route('get_semester') }}',
                        type: 'GET',
                        data: {
                            scheme_id: schemeId
                        },
                        success: function(data) {
                            $('#semester').empty();
                            $('#course').empty();
                            $('#teacher').empty();
                            $('#semester').append('<option value="">- Select -</option>');
                            $.each(data.semesters, function(key, value) {
                                $('#semester').append('<option value="' + value
                                    .semester + '">Semeter ' + value.semester +
                                    '</option>');
                            });
                        }
                    });
                } else {
                    $('#semester').empty();
                    $('#course').empty();
                    $('#teacher').empty();
                    $('#semester').append('<option value="">- Select -</option>');
                }
            });
            $(document).on('change', '#semester', function() {
                var semester = $(this).val();
                var schemeId = $('#scheme').val();
                if (semester) {
                    $.ajax({
                        url: '{{ route('get_courses') }}',
                        type: 'GET',
                        data: {
                            scheme_id: schemeId,
                            semester: semester
                        },
                        success: function(data) {
                            $('#course').empty();
                            $('#teacher').empty();
                            $('#course').append('<option value="">- Select -</option>');
                            $.each(data.courses, function(key, value) {
                                $('#course').append('<option value="' + key + '">' +
                                    value + '</option>');
                            });
                        }
                    });
                } else {
                    $('#course').empty();
                    $('#teacher').empty();
                    $('#course').append('<option value="">- Select -</option>');
                }
            });
            $(document).on('change', '#course', function() {
                var course = $(this).val();
                var semester = $('#semester').val();
                var schemeId = $('#scheme').val();
                if (course) {
                    $.ajax({
                        url: '{{ route('get_teachers') }}',
                        type: 'GET',
                        data: {
                            scheme_id: schemeId,
                            semester: semester,
                            course: course,
                        },
                        success: function(data) {
                            $('#teacher').empty();
                            $('#teacher').append('<option value="">- Select -</option>');
                            $.each(data.employees, function(key, value) {
                                $('#teacher').append('<option value="' + key + '">' +
                                    value + '</option>');
                            });
                        }
                    });
                } else {
                    $('#teacher').empty();
                    $('#teacher').append('<option value="">- Select -</option>');
                }
            });

            $('.select2').select2();
        });
    </script>
@stop