@extends('layouts/eims_layout')
@section('title', '| ' . $pageTitle)
@section('content')
    @include('successMsg')

    <div class="row add-data-form">
        <div class="col-md-10 col-md-offset-1" style="padding-bottom: 2%">
            <div class="viewTitle">
                <div class="panel-heading" style="padding-bottom:0; ">
                    <div class="panel-title"> {{ $pageTitle }}</div>
                </div>
            </div>
            <div class=" panel panel-default panel-border">

                <div class="panel-body">
                    {!! Form::open(['id' => 'academicExamStudentPromotionForm', 'method' => 'POST']) !!}
                    <div class="row">
                        {{-- student information  --}}
                        <div class="col-md-12">
                            <h4>Student Information</h4>
                        </div>
                        <p class="col-md-12">
                            {{ Form::hidden('student_id', $student->id) }}
                            <strong>Student Name:</strong> {{$student->name}}<br>
                            <strong>Roll No:</strong> {{$student->roll_no}}<br>
                            @if($companyType == 'UNV')
                                <strong>Faculty:</strong> {{$student->eims_faculty?->name ?? null}}<br>
                            @endif
                            <strong>
                                {{$companyType === 'UNV' ? 'Program' : 'Medium/Version' }}:</strong>
                            {{$student->eims_program->name ?? null}}<br>
                            <strong>Session:</strong> {{$student->eims_session?->name ?? null}}<br>
                            <strong>Class:</strong> {{$student->eims_semester_class->name ?? null}}<br>
                            <strong>Group:</strong> {{$student->eims_semester_class_group->name ?? null}}<br>
                            <strong>Section:</strong> {{$student->eims_section->name ?? null}}<br>
                            <strong>Father:</strong> {{$student->eims_student_information->father_name ?? null}}
                            <br>
                            <strong>Date of Birth:</strong> {{$student->dob}}<br>
                            <strong>Phone Number:</strong> {{$student->phone_number}}<br>
                        </p>


                        {{-- To --}}
                        <div class="col-md-12 ">
                            <h4>To: </h4>
                        </div>
                        {{-- to_program_medium_id --}}
                        <div class="col-md-2 ">
                            <div class="form-group">
                                {!! Form::label('to_program_medium_id', $programMediumLabel . ': <sup class="text-danger">*</sup>',['class' => 'control-label'],false) !!}

                                <div class="">
                                    {!! Form::select('to_program_medium_id', $programs ?? [],request()->to_program_medium_id ?? null, [
                                    'class' => 'form-control custom-select2 program_medium_id',
                                    'placeholder' => "Select $programMediumLabel",
                                    'required' => true,
                                    'autocomplete' => 'off',
                                    ]) !!}
                                    <p id='to_program_medium_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                        {{-- to_session_id --}}
                        <div class="col-sm-2">
                            <div class="form-group">
                                {!! Form::label('to_session_id', 'Session: <sup class="text-danger">*<sup>', ['class' => ' control-label'], false) !!}
                                <div class="">
                                    {!! Form::select('to_session_id', $sessions ?? [], request()->to_session_id ?? null, [
                                    'class' => 'form-control custom-select2 session_id',
                                    'placeholder' => 'Select Session',
                                    'required' => true,
                                    ]) !!}
                                    <p id='to_session_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                        {{-- to_semester_class_id --}}
                        <div class="col-md-2">
                            <div class="form-group ">
                                {!! Form::label('to_semester_class_id', $semesterClassLabel . '<sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}

                                <div class="">
                                    {!! Form::select('to_semester_class_id', $semesterClasses ?? [], $admissionExam->to_semester_class_id ?? null, [
                                    'class' => 'form-control custom-select2 semester_class_id',
                                    'placeholder' => "Select $semesterClassLabel",
                                    'required' => true,
                                    ]) !!}
                                    <p id='to_semester_class_id_error' style="min-height:3px;"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="col-md-12 text-right">
                                <button type="submit" id="submitButton" class="btn btn-info">Submit</button>
                                <a href="{{ route('eims_student_manual_promotion')  }}"
                                   style="margin-bottom: 10px;"
                                   class="btn btn-danger">Close</a>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
            <div class="viewTitle"></div>
        </div>
    </div>
    <script type="text/javascript">
        const companyType = '{{ $companyType }}';


        $(document).ready(function () {
            // on change program_medium_id get session_id and semester_class_id
            $('.program_medium_id').change(function () {
                const program_medium_id = $(this).val();
                const url = "{{ route('eims_faculty_department_program_session_semester_section_course_subject_option_change') }}";

                // find closest semester_id and semester_group_id
                const sessionIdField = $(this).closest('.row').find('.session_id').empty().prepend(`<option value="">Loading...</option>`);
                const semesterClassIdField = $(this).closest('.row').find('.semester_class_id').empty().prepend(`<option value="">Loading...</option>`);

                $.post(url, {
                    _token: '{{ csrf_token() }}',
                    program_medium_id: program_medium_id,
                }).done(function (response) {
                    sessionIdField.empty().prepend(`<option value="">Select Session</option>`);
                    response.sessionListByProgramChange.forEach(value => {
                        sessionIdField.append(`<option value="${value.id}">${value.name}</option>`);
                    });

                    semesterClassIdField.empty().prepend(`<option value="">Select {{$semesterClassLabel}}</option>`);
                    response.semesterClassListByProgramChange.forEach(value => {
                        semesterClassIdField.append(`<option value="${value.id}">${value.name}</option>`);
                    });
                }).fail(function () {
                    sessionIdField.empty().prepend(`<option value="">Select Session</option>`);
                    semesterClassIdField.empty().prepend(`<option value="">Select {{$semesterClassLabel}}</option>`);
                });
            });

            // on change semester_class_id or change semester_class_group_id get section
            $('.semester_class_id, .semester_class_group_id').change(function () {
                const semester_class_id = $(this).closest('.row').find('.semester_class_id').val();
                const semester_class_group_id = $(this).closest('.row').find('.semester_class_group_id').val();
                const url = "{{ route('eims_get_sections') }}";

                const sectionIdField = $(this).closest('.row').find('.section_id').empty().prepend(`<option value="">Loading...</option>`);

                $.post(url, {
                    _token: '{{ csrf_token() }}',
                    semester_class_id: semester_class_id,
                    semester_class_group_id: semester_class_group_id,
                }).done(function (response) {
                    sectionIdField.empty().prepend(`<option value="">Select Section</option>`);
                    response.forEach(value => {
                        sectionIdField.append(`<option value="${value.id}">${value.name}</option>`);
                    });
                }).fail(function () {
                    sectionIdField.empty().prepend(`<option value="">Select Section</option>`);
                });
            });

            $('#academicExamStudentPromotionForm').submit(function (e) {
                e.preventDefault();
                const form = $(this);
                const url = "{{ route('eims_student_manual_promotion_store') }}";

                $.post(url, form.serialize()).done(function (response) {
                    console.log(response);
                    const {responseTitle, responseText, responseStatus} = response;

                    Swal.fire({
                        title: responseTitle,
                        text: responseText,
                        icon: responseStatus,
                        showConfirmButton: true,
                    }).then(() => {
                        location.reload();
                    });

                }).catch(function (error) {
                    const {responseTitle, responseText, responseStatus} = error.responseJSON;

                    Swal.fire({
                        title: responseTitle,
                        text: responseText,
                        icon: responseStatus,
                        showConfirmButton: true,
                    });
                });
            });
        });
    </script>

@endsection