@php use Vtiful\Kernel\Format; @endphp
@extends('layouts/eims_pre_admission_layout')
@section('title', '| ' . $pageTitle)
@section('content')

    {{Form::open(['method'=>'post','enctype'=>'multipart/form-data', 'autocomplete' => 'off'])}}
    <div class="col-md-3 register-left">
        <img id="company_image" src="{{ asset('images/company/' . $company->image) }}" alt="">
        <h3 style="color: white;">Welcome To</h3>
        <h3 style="color: white;">{{ $company->name }}</h3>
        <h4 style="color: white;">
            {{ $company->address }}
        </h4>
        <h4 style="color: white;"> Online Admission Primary Information Entry</h4>
        <div style="margin-top: 59px;">
            <h3 class="text-center blink" style="color: #e3fd05; font-size: 20px; padding: 5px;">
                Admission Fair !!!
            </h3>
        </div>
    </div>
    <div class="col-md-9 register-right">
        <h4 class="register-heading">Please apply now if you are interested in admission</h4>
        <div class="row register-form">
            <div class="col-md-6">
                {{-- session_id --}}
                <div class="form-group">
                    {!! Form::label('session_id', 'Session: <sup class="text-danger">*<sup>',
                        ['class' => 'control-label'],false) !!}
                    <div>
                        {!! Form::select('session_id', $sessions ?? [], $admissionExam->session_id ?? null, [
                        'class' => 'form-control custom-select2', 'placeholder'=> 'Select Session',
                        'id' => 'session_id', 'required' =>true]) !!}
                        <p id='session_ide' style="min-height:3px;"></p>
                    </div>
                </div>

                {{Form::hidden('program_id', null,['id' => 'program_id'])}}
                {{Form::hidden('semester_class_id', null, ['id' => 'semester_class_id'])}}
                {{Form::hidden('company_id', $company->encoded_id)}}

                {{-- admission_exam_id --}}
                <div class="form-group">
                    @php($semesterOrClassLabel = match ($company->companyType) {'UNV' => 'Semester', 'SCL', 'CLG' => 'Class', default => 'Semester/Class/Year'})
                    {!! Form::label('admission_exam_id', $semesterOrClassLabel . ': <sup class="text-danger">*<sup>',
                        ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::select('admission_exam_id', [], null, [
                            'class'=>'form-control custom-select2',
                            'id' => 'admission_exam_id',
                            'placeholder' => "Select $semesterOrClassLabel",
                            ]) !!}
                        <p id='admission_exam_ide' style="min-height:3px;"></p>
                    </div>
                </div>

                @if($company->companyType !== 'UNV' )
                    {{-- group_id --}}
                    <div class="form-group">
                        {!! Form::label('semester_class_group_id', 'Group: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('semester_class_group_id', $semesterClassGroups ?? [], $applicant->group_id ?? null, [
                                'class' => 'form-control custom-select2', 'id' => 'semester_class_group_id',
                                'placeholder' => 'Please Select Group']) !!}
                            <p id='semester_class_group_ide' style="min-height:3px;"></p>
                        </div>
                    </div>
                @endif

                <div class="form-group">
                    {!! Form::label('name', 'Name of Applicant: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::text('name', $applicant->name ?? null, ['class' => 'form-control', 'id' => 'name', 'type' => 'text', 'placeholder' => 'Enter name']) !!}
                        <p id='namee' style="min-height:3px;"></p>
                    </div>
                </div>

                <div class="form-group ">
                    {!! Form::label('username', 'User Name:<sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::text('username', null, [
                            'class' => 'form-control',
                            'id' => 'username',
                            'placeholder' => 'Enter user name',
                        ]) !!}
                        <p class="username_error" id="usernamee" style="min-height:3px;"></p>
                    </div>
                </div>
                <div class="form-group ">
                    {!! Form::label('password', 'Password: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::password('password', [
                            'class' => 'form-control',
                            'id' => 'password',
                            'placeholder' => 'Enter password',
                        ]) !!}
                        <p class="password_error" id="passworde" style="min-height:3px;"></p>
                    </div>
                </div>

                <div class="form-group">
                    {!! Form::label('dob', 'Date of Birth: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::text('dob', ($applicant->dob ?? date('d-m-Y', strtotime('-3 years'))) , ['class' => 'form-control', 'id' => 'dob', 'readonly', 'autocomplete' => 'off']) !!}
                        <p id='dobe' style="min-height:3px;"></p>
                    </div>
                </div>

                @if($company->companyType === 'UNV'  )
                    {{-- national_id --}}
                    <div class="form-group ">
                        {!! Form::label('national_id', 'National ID: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('national_id', null, ['class' => 'form-control', 'id' => 'national_id', 'placeholder' => 'Enter your national ID']) !!}
                            <p id='national_ide' style="min-height:3px;"></p>
                        </div>
                    </div>

                    <div class="form-group">
                        {!! Form::label('gender', 'Gender: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div class="form-inline">
                            @php($genders = ['male', 'female', 'others'])
                            @foreach($genders as $gender)
                                <div class="form-check form-check-inline pr-3">
                                    {!! Form::radio('gender', $gender, null, ['class' => 'form-check-input', 'id' => "gender_$gender"]) !!}
                                    {!! Form::label("gender_$gender", ucfirst($gender), ['class' => 'form-check-label']) !!}
                                </div>
                            @endforeach
                        </div>
                        <p class="col-sm-offset-4 col-sm-8" id="gendere" style="max-height: 3px;"></p>

                    </div>
                @elseif($company->companyType === 'SCL' || $company->companyType === 'CLG')
                    {{-- birth_certificate_id --}}
                    <div class="form-group ">
                        {!! Form::label('birth_certificate_id', 'Birth Certificate ID: <sup class="text-danger">*</sup>', ['class' => ' control-label'], false) !!}
                        <div>
                            {!! Form::text('birth_certificate_id',  null, ['class' => 'form-control', 'id' => 'birth_certificate_id', 'placeholder' => 'Enter your birth certificate ID']) !!}
                            <p id='birth_certificate_ide' style="min-height:3px;"></p>
                        </div>
                    </div>
                @endif


            </div>
            <div class="col-md-6">
                {{-- phone_number --}}
                <div class="form-group ">
                    {!! Form::label('phone_number',  'Phone Number: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::text('phone_number', $applicant->phone_number ?? null, ['class' => 'form-control', 'id' => 'phone_number', 'type' => 'text', 'placeholder' => 'Enter phone number']) !!}
                        <p id='phone_numbere' style="min-height:3px;"></p>
                    </div>
                </div>

                <div class="form-group">
                    {!! Form::label('email', 'Email:', ['class' => 'control-label'], false) !!}
                    <div>
                        {!! Form::email('email', $applicant->email ?? null, ['class' => 'form-control', 'id' => 'email', 'placeholder' => 'Enter email']) !!}
                        <p id='emaile' style="min-height:3px;"></p>
                    </div>
                </div>

                @if($company->companyType === 'SCL')
                    <div class="form-group">
                        {!! Form::label('institute_name', 'Previous Institution Name:', ['class' => 'control-label'], false) !!}
                        <div>
                            {{ Form::hidden('institute_type[]', 'previous') }}
                            {!! Form::text('institute_name[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_name',
                                'type' => 'text',
                                'placeholder' => 'Enter name of the institution']) !!}
                            <p class="institute_name_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        {!! Form::label('institute_board_id', 'Previous Institution Board:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_board_id[]', $boards ??  [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_board_id',
                                 'placeholder' => 'Please Select Board']) !!}
                            <p class="institute_board_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_gpa', 'Previous Institution Division/GPA:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_gpa[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_gpa',
                                'placeholder' => 'GPA']) !!}
                            <p class="institute_gpa_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_group_id', 'Previous Institution Group:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_group_id[]', $semesterClassGroups ?? [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_group_id',
                                'placeholder' => 'Please Select Group']) !!}
                            <p class="institute_group_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_year', 'Previous Institution Year:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_year[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_year',
                                'placeholder' => 'Enter year',
                                ]) !!}
                            <p class="institute_year_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        {!! Form::label('gender', 'Gender: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div class="form-inline">
                            @php($genders = ['male', 'female', 'others'])
                            @foreach($genders as $gender)
                                <div class="form-check form-check-inline pr-3">
                                    {!! Form::radio('gender', $gender, null, ['class' => 'form-check-input', 'id' => "gender_$gender"]) !!}
                                    {!! Form::label("gender_$gender", ucfirst($gender), ['class' => 'form-check-label']) !!}
                                </div>
                            @endforeach
                        </div>
                        <p class="col-sm-offset-4 col-sm-8" id="gendere" style="max-height: 3px;"></p>

                    </div>
                @endif

                @if($company->companyType === 'CLG' || $company->companyType === 'UNV' )
                    <div class="form-group">
                        {!! Form::label('institute_name', 'SSC Institution: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {{ Form::hidden('institute_type[]', 'ssc') }}
                            {!! Form::text('institute_name[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_name',
                                'type' => 'text',
                                'placeholder' => 'Enter name of the institution']) !!}
                            <p class="institute_name_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        {!! Form::label('institute_board_id', 'SSC Board:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_board_id[]', $boards ??  [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_board_id',
                                 'placeholder' => 'Please Select Board']) !!}
                            <p class="institute_board_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_gpa', 'SSC Division/GPA: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_gpa[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_gpa',
                                'placeholder' => 'GPA']) !!}
                            <p class="institute_gpa_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_group_id', 'SSC Group:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_group_id[]', $semesterClassGroups ?? [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_group_id',
                                'placeholder' => 'Please Select Group']) !!}
                            <p class="institute_group_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_year', 'SSC Year: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_year[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_year',
                                'placeholder' => 'Enter year',
                                ]) !!}
                            <p class="institute_year_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                @endif

                @if($company->companyType === 'CLG')

                    <div class="form-group">
                        {!! Form::label('gender', 'Gender: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div class="form-inline">
                            @php($genders = ['male', 'female', 'others'])
                            @foreach($genders as $gender)
                                <div class="form-check form-check-inline pr-3">
                                    {!! Form::radio('gender', $gender, null, ['class' => 'form-check-input', 'id' => "gender_$gender"]) !!}
                                    {!! Form::label("gender_$gender", ucfirst($gender), ['class' => 'form-check-label']) !!}
                                </div>
                            @endforeach
                        </div>
                        <p class="col-sm-offset-4 col-sm-8" id="gendere" style="max-height: 3px;"></p>
                    </div>
                @endif

                @if($company->companyType === 'UNV' )
                    <div class="form-group">
                        {!! Form::label('institute_name', 'HSC Institution: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {{ Form::hidden('institute_type[]', 'hsc') }}
                            {!! Form::text('institute_name[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_name',
                                'type' => 'text',
                                'placeholder' => 'Enter name of the institution']) !!}
                            <p class="institute_name_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        {!! Form::label('institute_board_id', 'HSC Board:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_board_id[]', $boards ??  [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_board_id',
                                 'placeholder' => 'Please Select Board']) !!}
                            <p class="institute_board_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_gpa', 'HSC Division/GPA: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_gpa[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_gpa',
                                'placeholder' => 'GPA']) !!}
                            <p class="institute_gpa_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_group_id', 'HSC Group:', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::select('institute_group_id[]', $semesterClassGroups ?? [], null, [
                                'class' => 'form-control custom-select2', 'id' => 'institute_group_id',
                                'placeholder' => 'Please Select Group']) !!}
                            <p class="institute_group_id_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                    <div class="form-group ">
                        {!! Form::label('institute_year', 'HSC Year: <sup class="text-danger">*</sup>', ['class' => 'control-label'], false) !!}
                        <div>
                            {!! Form::text('institute_year[]', null, [
                                'class' => 'form-control',
                                'id' => 'institute_year',
                                'placeholder' => 'Enter year',
                                ]) !!}
                            <p class="institute_year_error" style="min-height:3px;"></p>
                        </div>
                    </div>
                @endif


            </div>
            <div class="col-sm-12 text-right" style="margin-top:5%">
                <!-- Apply Now Button -->
                <button type="submit" class="btn btn-primary" title="Apply Now">
                    <i class="glyphicon glyphicon-ok"></i>
                    <b>Apply Now</b>
                </button>
            </div>
        </div>


    </div>
    {{Form::close()}}

    {{-- Tab Loading Scripts --}}
    <script type="text/javascript">
        'use strict';

        const companyType = `{{$company->companyType}}`;
        const encodedCompanyId = `{{$company->encoded_id}}`;
        var csrf = "{{csrf_token()}}";
        $(document).ready(function () {
            const loadingDiv = '<div style="text-align:center;font-size:30px;padding-top:20px"><i style="font-size:30px;" class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i><span style="font-size:22px;" >Loading...</span></div>';
            const semesterOrClassLabel = `{{$semesterOrClassLabel}}`;
            const sessionIdField = $('#session_id');
            const admissionExamIdField = $('#admission_exam_id');
            const programIdField = $('#program_id');
            const semesterClassIdField = $('#semester_class_id');

            function getSetAdmissionExam() {
                const sessionId = sessionIdField.val();

                admissionExamIdField.empty().prepend(`<option value=''> Select ${semesterOrClassLabel} </option>`)
                // get admission_exam_id
                $.ajax({
                    url: `{{ route('eims_admission_exams_selectable') }}`,
                    //url: `{{url('/eims/setting/admission-exams-selectable')}}`,
                    type: 'POST',
                    data: {
                        session_id: sessionId,
                        companyId: encodedCompanyId,
                        _token: csrf,
                    },
                    success: function (_response) {
                        $.each(_response.data, function (index, value) {
                            admissionExamIdField.append(`
                                <option value="${value.id}" data-program-id="${value.eims_program.id}" data-semester-class-id="${value.eims_semester_class.id}"
                                    ${value.id === {{ $admissionExam->id ?? '``'}} ? 'selected' : ''}
                                >
                                    ${value.eims_program.program_code_no} - ${value.eims_program.name} - ${value.eims_semester_class.name}
                                </option>
                            `);
                        });
                        admissionExamIdField.change();
                    }
                });
            }

            @if(isset($admissionExam))
            getSetAdmissionExam();
            // sessionIdField.prop('disabled', true);
            // admissionExamIdField.prop('disabled', true);
            // Add hidden inputs to store the values
            @endif


            // get session_id change get program_id
            sessionIdField.change(function () {
                getSetAdmissionExam();
            });

            admissionExamIdField.change(function () {
                const programId = admissionExamIdField.find(':selected').data('program-id');
                const semesterClassId = admissionExamIdField.find(':selected').data('semester-class-id');

                programIdField.val(programId);
                semesterClassIdField.val(semesterClassId);
            });

            $("#dob").datepicker({
                dateFormat: "dd-mm-yy",
                changeMonth: true,
                changeYear: true,
                // date must be less than this year - 3year
                maxDate: "-3y",
                yearRange: "-100:+0",
            });

            function setErrorsText(errors) {
                $.each(errors, function (key, value) {
                    // if key has institute_
                    if (key.includes('institute_')) {
                        // id and key slice from .
                        const id = key.slice(key.indexOf('.') + 1);
                        key = key.slice(0, key.indexOf('.'));
                        $($(`.${key}_error`)[id]).empty().show().append('<span class="errormsg" style="color:red;">' + value + '</span>');
                    } else {
                        $('#' + key + 'e').empty().show().append('<span class="errormsg" style="color:red;">' + value + '</span>');
                    }
                });
            }

            // Form Submission
            $('form').submit(function (event) {
                event.preventDefault();
                const formData = $(this).serialize();

                $.ajax({
                    type: 'POST',
                    url: '{{url('eims/pre-admission/create')}}',
                    //url: `{{ route('eims_pre_admission_create') }}`,
                    data: formData,
                    dataType: 'json',
                    beforeSend: function () {
                        $('.errormsg').remove();
                    },
                    success: function (_response) {
                        Swal.fire({
                            icon: 'success',
                            title: "Success",
                            text: _response.message,
                            showConfirmButton: false,
                            timer: 1500
                        })

                        setTimeout(function () {
                            const url = _response.data.url;
                            window.location.href = `${url}?companyId=${encodeURIComponent(encodedCompanyId)}&admission_no=${encodeURIComponent(_response.data.admission_no)}`;
                        }, 1000);
                    },
                    error: function (_response) {
                        const responseJSON = _response.responseJSON;
                        const errors = responseJSON.errors;
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: responseJSON.message,
                        });
                        if (errors) {
                            setErrorsText(errors);
                        }
                    }
                });
            });
        });
    </script>
@endsection