@php
    use App\Enumerables\Degree;

    $version = config('app.version');
    $titleList = ['Mr','Mrs','Miss','Ms','Dr'];
    $degreeList = Degree::DEGREE_STRING;
    $englishProficiencyData = ["None","IELTS","TOEFL","PTE"];
    $ethnicOriginList = [
          ['value'=>'Chinese','text'=>'中国人'],
          ['value'=>'Arab','text'=>'阿拉伯人'],
          ['value'=>'Asian','text'=>'亚洲人'],
          ['value'=>'Black','text'=>'黑人'],
          ['value'=>'Mixed','text'=>'混血'],
          ['value'=>'White','text'=>'白人'],
          ['value'=>'Others','text'=>'其他'],
          ['value'=>'I prefer not to say','text'=>'我不想说']
    ];
    $disabilityInformationList = [
        ['value'=>'No disability','text'=>'健康体'],
        ['value'=>'Blind or serious visual impairment','text'=>'视力受损'],
        ['value'=>'Deaf or serious hearing impairment','text'=>'听力受损'],
        ['value'=>'Long standing illness/ health condition','text'=>'慢性疾病'],
        ['value'=>'Mental health condition e.g. depression, schiziphr','text'=>'精神疾病'],
        ['value'=>'Not Known','text'=>'未知'],
        ['value'=>'Other disability, impairment or medical condition','text'=>'其他健康损伤'],
        ['value'=>'Physical impairment or mobility issues','text'=>'移动障碍'],
        ['value'=>'Prefer not to say','text'=>'我不想说'],
        ['value'=>"Social/communication impairment e.g. Asperger's",'text'=>'社会交流障碍'],
        ['value'=>'Specific learning difficulty e.g. dyslexia, AD (H)D ','text'=>'学习障碍'],
        ['value'=>'Two or more impairments/ disabling conditions','text'=>'两个(含)以上问题']
    ];
    $FundingSourceList = [
        ['value'=>'Full Scholarship','text'=>'全奖学金-'],
        ['value'=>'Full self-paid','text'=>'全自付-'],
        ['value'=>'Half Scholarship and Half self-paid','text'=>'半奖学金+自付-']
    ];
    $awardLevelList = [
        ['value'=>'International','text'=>'国际级'],
        ['value'=>'National','text'=>'国家级'],
        ['value'=>'Social award','text'=>'社会奖项'],
        ['value'=>'School award','text'=>'学校级']
    ];
    $submitted = null;
    $myCourseList = $aList;
    foreach($myCourseList as $key => $item){
        if($item->statusName==ApplicationTypes::COURSE_CHANGED || $item->statusName==ApplicationTypes::REFUND){
            unset($myCourseList[$key]);
            array_push($myCourseList,$item);
        }
    }

    $gpaConfigStr = json_encode($gpaConfig);
@endphp

<div id="tab-12" class="tab-pane">
    <div class="panel-body">
        <div class="timeline-item mt-20">
            <div class="row mx-0 my-10">
                <button class="btn btn-primary " type="button" onclick="showToken('{{$clientID}}')"><i class="fa fa-envelope"></i>&nbsp;发申请表提醒</button>
                <button class="btn btn-primary " type="button" onclick="downloadApplicationForm()"><i class="fa fa-download"></i>&nbsp;文书申请表</button>
                <button class="btn btn-primary " type="button" onclick="downloadFullApplicationForm()"><i class="fa fa-download"></i>&nbsp;完整申请表</button>
            </div>
            <form class="form-horizontal" action="{{route('updateApplicationFormAdmin', ['ID'=>$clientID])}}" method="POST" enctype="multipart/form-data" id="applicationForm">
                {{ csrf_field() }}
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Personal-Information',[],'zh')}}&nbsp;{{__('Personal-Information',[],'en')}} </h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0">
                            <div class="col-sm-2 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Person Title',[],'zh')}}{{__('Person Title',[],'en')}}</span>
                                <select
                                    class="form-control dynamic-validation"
                                    id="title"
                                    name="title"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                <option value="">请选择</option>
                                @foreach($titleList as $value)
                                    <option value="{{$value}}" {{isset($oCustomerDetail->title)?($oCustomerDetail->title == $value?" selected":""):""}}>{{$value}}</option>
                                @endforeach
                                </select>
                            </div>
                            <div class="col-sm-6 col-md-2 no-wrap mt-20">
                                <span class="mr-10">{{__('Chinese Name',[],'zh')}}{{__('Chinese Name',[],'en')}}</span>
                                <input
                                    placeholder="名字"
                                    id="mUserName"
                                    name="mUserName"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->mUserName)?$oCustomerDetail->mUserName:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="10"
                                    data-allow-chinese="1"
                                >
                            </div>
                            <div class="col-sm-6 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('First Name',[],'zh')}}{{__('First Name',[],'en')}}</span>
                                <input
                                    placeholder="名"
                                    id="firstName"
                                    name="firstName"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->firstName)?$oCustomerDetail->firstName:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                    required
                                >
                            </div>
                            <div class="col-sm-6 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Last Name',[],'zh')}}{{__('Last Name',[],'en')}}</span>
                                <input
                                    placeholder="姓"
                                    id="lastName"
                                    name="lastName"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->lastName)?$oCustomerDetail->lastName:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                    required
                                >
                            </div>
                            <div class="col-sm-2 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Gender',[],'zh')}}{{__('Gender',[],'en')}}</span>
                                <select
                                    class="form-control dynamic-validation"
                                    id="gender"
                                    name="gender"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                    @if(($oCustomerDetail->gender??"")=="Male" )
                                        <option selected value="Male">男</option>
                                        <option value="Female">女</option>
                                    @else
                                        <option value="Male">男</option>
                                        <option selected value="Female">女</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Date of birth',[],'zh')}}{{__('Date of birth',[],'en')}}</span>

                                <div class="input-group date" id="data_1">
                                    <span class="input-group-addon {{isset($submitted)?'disabled':''}}">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input
                                        type="text"
                                        id="dateOfBirth"
                                        name="dateOfBirth"
                                        class="form-control dynamic-validation"
                                        value="{{isset($oCustomerDetail->dateOfBirth) ? parseDateDMY($oCustomerDetail->dateOfBirth) : ""}}"
                                        placeholder='请输入出生日期'
                                        {{isset($submitted)?'disabled':''}}
                                        required
                                    >
                                </div>
                            </div>
                        </div>
                        <div class="row mx-0">
                            <div class="col-sm-3 col-md-2 no-wrap mt-20 {{isset($submitted)?'disabled':''}}">
                                <span class="mr-10">*{{__('Nationality',[],'zh')}}{{__('Nationality',[],'en')}}</span>
                                <div class="d-flex align-items-center">
                                    <select
                                        class="form-control dynamic-validation"
                                        id="nationality"
                                        name="nationality"
                                        {{isset($submitted)?'disabled':''}}
                                        required
                                    >
                                    <option value="">请选择</option>
                                    @include('components.country.countryName')
                                    </select>
                                </div>
                            </div>

                            <div class="col-sm-6 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Passport Obtained',[],'zh')}}<br>{{__('Passport Obtained',[],'en')}}</span>
                                <div class="inline dynamic-validation-group">
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="1" name="passport_obtained" class="dynamic-validation" required {{isset($oCustomerDetail->passport_obtained)?($oCustomerDetail->passport_obtained==1?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 是
                                        </label>
                                    </div>
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="0" name="passport_obtained" class="dynamic-validation" required {{isset($oCustomerDetail->passport_obtained)?($oCustomerDetail->passport_obtained==0?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 否
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-6 col-md-3 no-wrap mt-20 isHasPassportObtained">
                                <span class="mr-10">*{{__('Place of Birth',[],'zh')}}{{__('Place of Birth',[],'en')}}</span>
                                <input
                                    placeholder="请输入您的出生地"
                                    id="placeOfBirth"
                                    name="placeOfBirth"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->placeOfBirth)?$oCustomerDetail->placeOfBirth:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                >
                            </div>
                            <div class="col-sm-6 col-md-3 no-wrap mt-20 isHasPassportObtained">
                                <span class="mr-10">*{{__('Passport number',[],'zh')}}{{__('Passport number',[],'en')}}</span>
                                <input
                                    placeholder="请输入您的护照号"
                                    id="passportNumber"
                                    name="passportNumber"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->PassportNO)?$oCustomerDetail->PassportNO:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="20"
                                    data-validation-method="passport"
                                >
                            </div>
                        </div>

                        <div class="row mx-0 isHasPassportObtained">
                            <div class="col-sm-6 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Place of Issue',[],'zh')}}{{__('Place of Issue',[],'en')}}</span>
                                <input
                                    placeholder="请输入{{__('Place of Issue')}}"
                                    id="placeOfIssue"
                                    name="placeOfIssue"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->placeOfIssue)?$oCustomerDetail->placeOfIssue:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Time of Issue',[],'zh')}}{{__('Time of Issue',[],'en')}}</span>
                                <div class="input-group date commonDatePicker" id="data_1">
                                    <span class="input-group-addon {{isset($submitted)?'disabled':''}}">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input
                                        type="text"
                                        id="timeOfIssue"
                                        name="timeOfIssue"
                                        class="form-control dynamic-validation"
                                        value="{{isset($oCustomerDetail->timeOfIssue) ? parseDateDMY($oCustomerDetail->timeOfIssue) : ""}}"
                                        placeholder='请输入{{__('Time of Issue')}}'
                                        {{isset($submitted)?'disabled':''}}
                                    >
                                </div>
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Date of expiry',[],'zh')}}{{__('Date of expiry',[],'en')}}</span>
                                <div class="input-group date commonDatePickerNoEndDate" id="data_1">
                                    <span class="input-group-addon {{isset($submitted)?'disabled':''}}">
                                        <i class="fa fa-calendar"></i>
                                    </span>
                                    <input
                                        type="text"
                                        id="dateOfExpiry"
                                        name="dateOfExpiry"
                                        class="form-control dynamic-validation"
                                        value="{{isset($oCustomerDetail->dateOfExpiry) ? parseDateDMY($oCustomerDetail->dateOfExpiry) : ""}}"
                                        placeholder='请输入{{__('Date of expiry')}}'
                                        {{isset($submitted)?'disabled':''}}
                                    >
                                </div>
                            </div>
                        </div>

                        <div class="row mx-0">
                            <div class="col-sm-2 col-md-1 no-wrap mt-20">
                                <span class="mr-10">{{__('area-code',[],'zh')}}<br>{{__('area-code',[],'en')}}</span>
                                <input
                                    placeholder="{{__('area-code')}}"
                                    name="areaCode"
                                    id="areaCode"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->areaCode)?$oCustomerDetail->areaCode:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    required
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10">{{__('Contact number',[],'zh')}}<br>{{__('Contact number',[],'en')}}</span>
                                @php
                                    $areaCode = $oCustomerDetail->areaCode ?? '';
                                    if(strpos($areaCode,'+') !== false){
                                        $areaCode = '\\'.$areaCode;
                                    }
                                @endphp
                                <input
                                    placeholder="请输入您的电话"
                                    name="phone"
                                    id="phone"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->phone)?preg_replace('/^' . $areaCode . '/', '', $oCustomerDetail->phone):""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="20"
                                    required
                                >
                            </div>
                            <div class="col-sm-4 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('WeChat',[],'zh')}}<br>{{__('WeChat',[],'en')}}</span>
                                <input
                                    placeholder="请输入您的微信"
                                    name="wechat"
                                    id="wechat"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->wechat)?$oCustomerDetail->wechat:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="20"
                                    required
                                >
                            </div>
                            <div class="col-sm-6 col-md-5 no-wrap mt-20">
                                <span class="mr-10">*{{__('E-mail address',[],'zh')}}<br>{{__('E-mail address',[],'en')}}</span>
                                <input
                                    placeholder="请输入您的电子邮件"
                                    name="email"
                                    id="email"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->email)?$oCustomerDetail->email:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                    required
                                    data-validation-method="email"
                                >
                            </div>
                        </div>
                        <div class="row mx-0">
                            <div class="col-sm-4 col-md-4 no-wrap mt-20 {{isset($submitted)?'disabled':''}}">
                                <span class="mr-10">*{{__('Are you currently in the U.K?',[],'zh')}}<br>{{__('"Are you currently in the U.K?',[],'en')}}</span>
                                <div class="inline dynamic-validation-group">
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="1" name="currentlyInUK" class="dynamic-validation" required {{isset($oCustomerDetail->currentlyInUK)?($oCustomerDetail->currentlyInUK==1?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 是
                                        </label>
                                    </div>
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="0" name="currentlyInUK" class="dynamic-validation" required {{isset($oCustomerDetail->currentlyInUK)?($oCustomerDetail->currentlyInUK==0?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i ></i> 否
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-3 no-wrap mt-20">
                                <span class="mr-10">{{__('Are you currently studying at a U.K Instituion ?',[],'zh')}}<br>{{__('Are you currently studying at a U.K Instituion ?',[],'en')}}</span>
                                <div class="inline dynamic-validation-group">
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="1" name="currentlyInUkStudy" class="dynamic-validation" required {{isset($oCustomerDetail->currentlyInUkStudy)?($oCustomerDetail->currentlyInUkStudy==1?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 是
                                        </label>
                                    </div>
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="0" name="currentlyInUkStudy" class="dynamic-validation" required {{isset($oCustomerDetail->currentlyInUkStudy)?($oCustomerDetail->currentlyInUkStudy==0?'checked':''):''}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 否
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mx-0" id="ukAddress">
                            <div class="col-sm-6 col-md-5 no-wrap mt-20">
                                <span class="mr-10">*{{__('UK Address',[],'zh')}}{{__('UK Address',[],'en')}}</span>
                                <input
                                    placeholder="请输入详细地址"
                                    id="UKAddress"
                                    name="UKAddress"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->UKAddress)?$oCustomerDetail->UKAddress:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="200"
                                    required
                                >
                            </div>
                            <div class="col-sm-2 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Postcode',[],'zh')}}{{__('Postcode',[],'en')}}</span>
                                <input
                                    placeholder="请输入邮编"
                                    id="ukPost"
                                    name="ukPost"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->ukPost)?$oCustomerDetail->ukPost:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="20"
                                    required
                                >
                            </div>
                        </div>
                        <div class="row mx-0">
                            <div class="col-sm-4 col-md-2 no-wrap mt-20 {{isset($submitted)?'disabled':''}}">
                                <span class="mr-10">*详细住址: 国家</span>
                                <div class="d-flex align-items-center">
                                    <select
                                        class="form-control dynamic-validation"
                                        id="country"
                                        name="country"
                                        value="{{isset($oCustomerDetail->country)?$oCustomerDetail->country:''}}"
                                        {{isset($submitted)?'disabled':''}}
                                        required
                                    >
                                    <option value="">请选择</option>
                                    @include('components.country.countryName')
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-5 no-wrap mt-20">
                                <span class="mr-10">*{{__('Address',[],'zh')}}{{__('Address',[],'en')}}</span>
                                <input
                                    placeholder="地址精确到门牌号"
                                    id="chineseSpecificAddress"
                                    name="chineseSpecificAddress"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->chineseSpecificAddress)?$oCustomerDetail->chineseSpecificAddress:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    required
                                >
                            </div>
                            <div class="col-sm-2 col-md-2 no-wrap mt-20">
                                <span class="mr-10">*{{__('Postcode',[],'zh')}}{{__('Postcode',[],'en')}}</span>
                                <input
                                    placeholder="请输入邮编"
                                    id="chinaPost"
                                    name="chinaPost"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->chinaPost)?$oCustomerDetail->chinaPost:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    required
                                >
                            </div>
                        </div>

                        <div class="row mx-0">
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*申请级别</span>
                                <select
                                    class="form-control dynamic-validation"
                                    name="applicationLevel"
                                    id="applicationLevel"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                    <option value="">申请级别</option>
                                    @foreach(\App\CourseLevel::all() as $courseLevel)
                                        <option value="{{$courseLevel->id}}" {{(($oCustomerDetail->application_degree_level ?? 0) == $courseLevel->id) ? 'selected' : ''}}>
                                            {{$courseLevel->nameChinese}} {{$courseLevel->nameEnglish}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            @php
                                use App\Enumerables\DetailedApplicationDegreeLevels;

                                $levelsData = DetailedApplicationDegreeLevels::DETAILED_APPLICATION_DEGREE_LEVEL_NAMES;
                            @endphp

                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10" id="detailedApplicationLevelLabel">*具体级别</span>
                                <select
                                    class="form-control dynamic-validation"
                                    name="detailedApplicationLevelUndergraduate"
                                    id="detailedApplicationLevelUndergraduate"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                    <option value="">具体级别</option>
                                    @foreach(\App\Enumerables\DetailedApplicationDegreeLevels::UNDERGRADUATE_LEVELS as $level)
                                        <option value="{{$level}}">
                                            {{$levelsData[$level]['zh']}} {{$levelsData[$level]['en']}}
                                        </option>
                                    @endforeach
                                </select>

                                <select
                                    class="form-control dynamic-validation d-none"
                                    name="detailedApplicationLevelPostgraduate"
                                    id="detailedApplicationLevelPostgraduate"
                                    {{isset($submitted)?'disabled':''}}
                                >
                                    <option value="">具体级别</option>
                                    @foreach(\App\Enumerables\DetailedApplicationDegreeLevels::POSTGRADUATE_LEVELS as $level)
                                        <option value="{{$level}}">
                                            {{$levelsData[$level]['zh']}} {{$levelsData[$level]['en']}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mx-0">
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Ethnic Origin',[],'zh')}}<br>{{__('Ethnic Origin',[],'en')}}</span>
                                <select
                                    class="form-control dynamic-validation"
                                    id="ethnicOrigin"
                                    name="ethnicOrigin"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                <option value="">请选择</option>
                                @foreach($ethnicOriginList as $value)
                                    <option value="{{$value['value']}}" {{isset($oCustomerDetail->ethnicOrigin)?($oCustomerDetail->ethnicOrigin == $value['value']?" selected":""):""}}>{{$value['text']}} {{$value['value']}}</option>
                                @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Disability Information',[],'zh')}}<br>{{__('Disability Information',[],'en')}}</span>
                                <select
                                    class="form-control dynamic-validation"
                                    id="disabilityInformation"
                                    name="disabilityInformation"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                <option value="">请选择</option>$disabilityInformationList
                                @foreach($disabilityInformationList as $value)
                                    <option value="{{$value['value']}}" {{isset($oCustomerDetail->disabilityInformation)?($oCustomerDetail->disabilityInformation == $value['value']?" selected":""):""}}>{{$value['text']}} {{$value['value']}}</option>
                                @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Funding Source',[],'zh')}}<br>{{__('Funding Source',[],'en')}}</span>
                                <select
                                    class="form-control dynamic-validation"
                                    id="fundingSource"
                                    name="fundingSource"
                                    {{isset($submitted)?'disabled':''}}
                                    required
                                >
                                <option value="">请选择</option>
                                @foreach($FundingSourceList as $value)
                                    <option value="{{$value['value']}}" {{isset($oCustomerDetail->fundingSource)?($oCustomerDetail->fundingSource == $value['value']?" selected":""):""}}>{{$value['text']}} {{$value['value']}}</option>
                                @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Do you have a criminal conviction?',[],'zh')}}<br>{{__('Do you have a criminal conviction?',[],'en')}}</span>
                                <div class="d-flex align-items-center dynamic-validation-group">
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="1" name="criminalConviction" class="dynamic-validation" required {{isset($oCustomerDetail->criminalConviction)?($oCustomerDetail->criminalConviction == '1'?" checked":""):""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 是
                                        </label>
                                    </div>
                                    <div class="radio-inline i-checks">
                                        <label>
                                            <div class="iradio_square-green"><input type="radio" value="0" name="criminalConviction" class="dynamic-validation" required {{isset($oCustomerDetail->criminalConviction)?($oCustomerDetail->criminalConviction == '0'?" checked":""):"checked"}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper""></ins></div>
                                            <i></i> 否
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row mx-0">
                            <div class="col-sm-4 col-md-4 no-wrap mt-20">
                                <span class="mr-10">*{{__('Emergency contact name')}}</span>
                                <input
                                    placeholder="请输入紧急联系人"
                                    name="kinName"
                                    id="kinName"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->kinName)?$oCustomerDetail->kinName:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    required
                                    maxlength="50"
                                >
                            </div>
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Emergency contact area code')}}</span>
                                <input
                                    placeholder=""
                                    name="kinAreaCode"
                                    id="kinAreaCode"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->kinAreaCode)?$oCustomerDetail->kinAreaCode:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    required
                                >
                            </div>
                            <div class="col-sm-3 col-md-3 no-wrap mt-20">
                                <span class="mr-10">*{{__('Emergency contact number')}}</span>
                                <input
                                    placeholder="请输入紧急联系人电话"
                                    name="kinPhone"
                                    id="kinPhone"
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->kinPhone)?$oCustomerDetail->kinPhone:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="11"
                                    required
                                >
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Educational Experience',[],'zh')}}&nbsp;{{__('Educational Experience',[],'en')}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0 my-10">
                            <div id="eduBlock" class="notSubmitContent list-group">
                            </div>
                            <div class="col-sm-12 col-md-12">
                                <button type="button" class="btn btn-w-m btn-primary btn-block btn-outline addCardButton {{isset($submitted)?'hidden':''}}" data-type="edu"><i class="fa fa-plus"></i>&nbsp;添加教育经历</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Language Proficiency',[],'zh')}}&nbsp;{{__('Language Proficiency',[],'en')}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0">
                            <div class="col-sm-12 col-md-12 no-wrap mr-20 mt-20 {{isset($submitted)?'disabled':''}}">
                                <span class="mr-10">*{{__('English Proficiency',[],'zh')}}{{__('English Proficiency',[],'en')}}</span>
                                <div class="radio-inline i-checks">
                                    <label>
                                        <div class="iradio_square-green"><input type="radio" value="None" name="englishProficiency" {{isset($oCustomerDetail->englishProficiency)?($oCustomerDetail->englishProficiency=='None'?'checked':"") :""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper"></ins></div>
                                        <i></i> 无
                                    </label>
                                </div>
                                <div class="radio-inline i-checks">
                                    <label>
                                        <div class="iradio_square-green"><input type="radio" value="IELTS" name="englishProficiency" {{isset($oCustomerDetail->englishProficiency)?($oCustomerDetail->englishProficiency=='IELTS'?'checked':"") :""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper"></ins></div>
                                        <i></i> 雅思
                                    </label>
                                </div>
                                <div class="radio-inline i-checks">
                                    <label>
                                        <div class="iradio_square-green"><input type="radio" value="TOEFL" name="englishProficiency" {{isset($oCustomerDetail->englishProficiency)?($oCustomerDetail->englishProficiency=='TOEFL'?'checked':"") :""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper"></ins></div>
                                        <i></i> 托福
                                    </label>
                                </div>
                                <div class="radio-inline i-checks">
                                    <label>
                                        <div class="iradio_square-green"><input type="radio" value="PTE" name="englishProficiency" {{isset($oCustomerDetail->englishProficiency)?($oCustomerDetail->englishProficiency=='PTE'?'checked':""):""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper"></ins></div>
                                        <i></i> PTE
                                    </label>
                                </div>
                                <div class="radio-inline i-checks">
                                    <label class="">
                                        <div class="iradio_square-green"><input type="radio" value="" name="englishProficiency" {{isset($oCustomerDetail->englishProficiency)?(!in_array($oCustomerDetail->englishProficiency,$englishProficiencyData)?'checked':"") :""}} {{isset($submitted)?'disabled':''}}><ins class="iCheck-helper"></ins></div>
                                        <i></i> 其他
                                    </label>
                                </div>
                                <div class="inline">
                                    <input
                                        placeholder="如为其他请详细说明"
                                        name="englishProficiencyText"
                                        id="englishProficiencyText"
                                        class="form-control dynamic-validation"
                                        value="{{isset($oCustomerDetail->englishProficiency)?(!in_array($oCustomerDetail->englishProficiency,$englishProficiencyData)?$oCustomerDetail->englishProficiency:'') :''}}"
                                        {{isset($submitted)?'disabled':''}}
                                        type="text"
                                    >
                                </div>
                            </div>

                        </div>
                        <div class="row mx-0 englishProficiencyDataBlock">
                            <div class="col-sm-8 col-md-6 no-wrap mt-20">
                                <span class="mr-10">{{__('Result Query link',[],'zh')}}{{__('Result Query link',[],'en')}}</span>
                                <div id="resultQueryLinkText"></div>
                                <input
                                    placeholder="请输入{{__('Result Query link')}}"
                                    class="form-control dynamic-validation"
                                    id="resultQueryLink"
                                    name="resultQueryLink"
                                    value="{{isset($oCustomerDetail->resultQueryLink)?$oCustomerDetail->resultQueryLink:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="500"
                                >
                            </div>
                            <div class="col-sm-4 col-md-3 no-wrap mt-20">
                                <span class="mr-10">{{__('Query username',[],'zh')}}{{__('Query username',[],'en')}}</span>
                                <input
                                    placeholder="请输入{{__('Query username')}}"
                                    class="form-control dynamic-validation"
                                    id="queryUsername"
                                    name="queryUsername"
                                    value="{{isset($oCustomerDetail->queryUsername)?$oCustomerDetail->queryUsername:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                >
                            </div>
                            <div class="col-sm-4 col-md-3 no-wrap mt-20">
                                <span class="mr-10">{{__('Query password',[],'zh')}}{{__('Query password',[],'en')}}</span>
                                <input
                                    placeholder="请输入{{__('Query password')}}"
                                    class="form-control dynamic-validation"
                                    id="queryPassword"
                                    name="queryPassword"
                                    value="{{isset($oCustomerDetail->queryPassword)?$oCustomerDetail->queryPassword:""}}"
                                    {{isset($submitted)?'disabled':''}}
                                    type="text"
                                    maxlength="50"
                                >
                            </div>
                        </div>
                        <div class="row mx-0 englishProficiencyDataBlock">
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10">{{__('Date of Exam',[],'zh')}}{{__('Date of Exam',[],'en')}}</span>
                                <div class="input-group date dateOfPicker {{isset($submitted)?'disabled':''}}" id="IELTS_Date_Block">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input
                                        value="{{(isset($oCustomerDetail->IELTSDate) && ($oCustomerDetail->IELTSDate!='1970-01-01'))?$oCustomerDetail->IELTSDate:""}}"
                                        type="text"
                                        class="form-control dynamic-validation"
                                        name="IELTSDate"
                                        id="IELTSDate"
                                        placeholder='请输入{{__('Date of Exam')}}'
                                        {{isset($submitted)?'disabled':''}}
                                    >
                                </div>
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10 ">{{__('Exam Total Score',[],'zh')}}{{__('Exam Total Score',[],'en')}}</span>
                                <input
                                    placeholder=""
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->IELTSResult)?$oCustomerDetail->IELTSResult:""}}"
                                    id="IELTSResult"
                                    name="IELTSResult"
                                    type="text"
                                    {{isset($submitted)?'disabled':''}}
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                </label><span class="mr-10 ">{{__('Listening',[],'zh')}}{{__('Listening',[],'en')}}</span>
                                <input
                                    placeholder=""
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->IELTSListening)?$oCustomerDetail->IELTSListening:""}}"
                                    id="IELTSListening"
                                    name="IELTSListening"
                                    type="text"
                                    {{isset($submitted)?'disabled':''}}
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10 ">{{__('Reading',[],'zh')}}{{__('Reading',[],'en')}}</span>
                                <input
                                    placeholder=""
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->IELTSReading)?$oCustomerDetail->IELTSReading:""}}"
                                    id="IELTSReading"
                                    name="IELTSReading"
                                    type="text"
                                    {{isset($submitted)?'disabled':''}}
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10 ">{{__('Writing',[],'zh')}}{{__('Writing',[],'en')}}</span>
                                <input
                                    placeholder=""
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->IELTSWriting)?$oCustomerDetail->IELTSWriting:""}}"
                                    id="IELTSWriting"
                                    name="IELTSWriting"
                                    type="text"
                                    {{isset($submitted)?'disabled':''}}
                                >
                            </div>
                            <div class="col-sm-3 col-md-2 no-wrap mt-20">
                                <span class="mr-10 ">{{__('Speaking',[],'zh')}}{{__('Speaking',[],'en')}}</span>
                                <input
                                    placeholder=""
                                    class="form-control dynamic-validation"
                                    value="{{isset($oCustomerDetail->IELTSSpeaking)?$oCustomerDetail->IELTSSpeaking:""}}"
                                    id="IELTSSpeaking"
                                    name="IELTSSpeaking"
                                    type="text"
                                    {{isset($submitted)?'disabled':''}}
                                >
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Award-Winning Experience',[],'zh')}}&nbsp;{{__('Award-Winning Experience',[],'en')}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0 my-10">
                            <div id="awardBlock" class="notSubmitContent list-group"></div>
                            <div class="col-sm-12 col-md-12 no-wrap mt-20">
                                <button type="button" class="btn btn-w-m btn-primary btn-block btn-outline addCardButton {{isset($submitted)?'hidden':''}}" data-type="award"><i class="fa fa-plus"></i>&nbsp;添加获奖信息</button>
                           </div>
                        </div>
                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Working Experience',[],'zh')}}&nbsp;{{__('Working Experience',[],'en')}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0 my-10">
                            <div id="workBlock" class="notSubmitContent  list-group"></div>
                            <div class="col-sm-12 col-md-12 no-wrap mt-20">
                                <button type="button" class="btn btn-w-m btn-primary btn-block btn-outline addCardButton {{isset($submitted)?'hidden':''}}" data-type="work"><i class="fa fa-plus"></i>&nbsp;添加工作经历</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-title">
                        <h5>{{__('Referee Information',[],'zh')}}&nbsp;{{__('Referee Information',[],'en')}}</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0 my-10">
                            <div id="refBlock" class="notSubmitContent  list-group"></div>
                            <div class="col-sm-12 col-md-12 no-wrap mt-20">
                                <button type="button" class="btn btn-w-m btn-primary btn-block btn-outline addCardButton {{isset($submitted)?'hidden':''}}" data-type="ref" ><i class="fa fa-plus"></i>&nbsp;添加推荐人</button>
                           </div>
                        </div>
                    </div>
                </div>

                <div class="ibox">
                    <div class="ibox-title">
                        <h5>申请信息</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row mx-0 my-10">
                            <div id="courseBlock" class='notSubmitContent'>
                            <div class="col-sm-12 col-md-12 no-wrap mt-20">
                                <button type="button" class="btn btn-w-m btn-primary" onclick="addCourseItem();" {{isset($submitted)?'disabled':''}}>添加专业</button>
                                <button type="button" class="btn btn-w-m btn-danger" onclick="removeSelectedCourseItem();" {{isset($submitted)?'disabled':''}}>删除选中</button>
                            </div>
                            <table class="table table-border table-bordered table-hover table-bg table-sort display" id="courseList">
                                    <thead>
                                    <tr class="text-c">
                                        <th width="5" name="tec0"><input type="checkbox" name="selectAllCourseItems"></th>
                                        <th width="200" name="tec1" class="lok">申请学校</th>
                                        <th width="200" name="tec2" class="lok">专业</th>
                                        <th width="80" name="tec3" class="lok">入学时间</th>
                                        <th width="" name="tec4" class="lok data-table-column-min-width">专业链接</th>
                                        <th width="100" name="tec4" class="lok">操作</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="hr-line-dashed mt-20"></div>
                <div class="row mx-0">
                    <div class="col-sm-3 col-md-3 no-wrap mt-20">
                        <span class="mr-10">申请表的学生编写状态</span>
                        <select
                                class="form-control"
                                name="submitLable"
                                id="submitLable"
                                autocomplete="off"
                        >
                            <div class="combo-arrow"></div>
                            @if((isset($oCustomerDetail->submitLable)?$oCustomerDetail->submitLable:"")== 1)
                                <option value="1" selected>不可编辑</option>
                                <option value="0">可编辑</option>
                            @else
                                <option value="1">不可编辑</option>
                                <option value="0" selected>可编辑</option>
                            @endif
                            <div class="combo-arrow"></div>
                        </select>
                    </div>
                </div>

                <div class="row mx-0">
                    <div class="col-sm-3 col-md-3 no-wrap mt-20">
                        <input type="hidden" name="submitType" id="submitType" value="0">
                        <div class="col-sm-4">
                            <button class="btn btn-w-m btn-primary" type="button" onclick="saveApplicationForm()">{{__('Save')}}</button>
                            <!-- <button class="btn btn-w-m btn-primary" type="button" onclick="updateApplicationForm()" {{isset($submitted)?'disabled':''}}>{{__('Submit')}}</button> -->
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @include('work_bench.user_details_extra.tab12Template')

    <form  class="form-horizontal" method="POST" enctype="multipart/form-data" action="{{route('applicationFormAutoFill')}}" id="applicationFormAutoFill">
        {{ csrf_field() }}
    </form>

    <script src="{{url('/').mix('js/min/ukuoffer_dynamic_validation.min.js')}}"></script>
    <script>
        var validator = new DynamicValidation(
            '',
            '',
            {
                'remote': '{{route('testIfUsedInApplicationForm')}}'
            },
            '{{csrf_token()}}',
            '{{config('app.locale') ?? 'en'}}',
            '{{$clientID}}',
            '',
            true
        );
    </script>


    <script src="{{asset('js/jquery.form.js')}}"></script>
    <script>
         let _gpaConfig =  {!!$gpaConfigStr!!};
        var universitieUK=
        [
            @if(!empty($universitiesUK))
            @foreach($universitiesUK as $v)
            @if(!empty($v ->uniNameEnglish)){
            'name': '{{trim($v ->uniNameEnglish)}}',
            'nameChinese': '{{trim($v ->uniNameChinese)}}',
            },
            @endif
            @endforeach
            @endif
        ];
        var universitieCN=
        [
            @if(!empty($universitiesChinese))
            @foreach($universitiesChinese as $v)
            @if(!empty($v ->uniNameEnglish)){
            'name': '{{trim($v ->uniNameEnglish)}}',
            'nameChinese': '{{trim($v ->uniNameChinese)}}',
            },
            @endif
            @endforeach
            @endif
        ]
        var customerId='{{$clientID}}';
        var eduItemIndex=0;
        var workItemIndex=0;
        var refItemIndex=0;
        var awardItemIndex=0;
        var eduItemMax=4;
        var workItemMax=5;
        var refItemMax=5;
        var awardItemMax=5;
        var submitted = {{isset($submitted)?'true':'false'}};
        var englishResultQueryLinks={!!(json_encode($englishResultQueryLinks))!!};
        @if(isset($oCustomerDetail->educationalBackground))
        var educationalBackground={!!($oCustomerDetail->educationalBackground)!!};
        @else
        var educationalBackground=[];
        @endif

        @if(isset($oCustomerDetail->workingExperience))
        var workingExperience={!!$oCustomerDetail->workingExperience!!};
        @else
        var workingExperience=[];
        @endif
        @if(isset($oCustomerDetail->referenceInformation))
        var referenceInformation={!!$oCustomerDetail->referenceInformation!!};
        @else
        var referenceInformation=[];
        @endif
        @if(isset($oCustomerDetail->awardWinningExperience))
        var awardWinningExperience={!!$oCustomerDetail->awardWinningExperience!!};
        @else
        var awardWinningExperience=[];
        @endif
        @if(isset($oCustomerDetail->applicationCourses))
        var applicationCourses={!!$oCustomerDetail->applicationCourses!!};
        @else
        var applicationCourses=[];
        @endif

        sortData(educationalBackground,['to','from']);
        sortData(awardWinningExperience,['to','from']);

        let allowChineseFields=["mUserName","kinName"];
        var submitData={};
        $(function () {
            getChangeDocumentAjax();
            var params = {
                formObject: $('#applicationForm'),
                method: 'ajaxForm',
                isAjaxFormSubmit: false
            };

            @if(isset($oCustomerDetail->student_location))
                $('#background option').removeAttr('selected');
                $('#background option[value="{{$oCustomerDetail->student_location}}"]').attr('selected', 'selected');
            @endif

            let timer = setInterval(() => {
                let _country = $("#country").length;
                if(_country > 0){
                    clearTimeout(timer)
                    iniApplicationForm();
                }
            }, 1000);

            addValidationEvents($("#applicationForm"));
            $(".addCardButton").click(function(){
                addCardItem($(this).data("type"));
            });
            $(document).on('ifChanged', 'input[name="currentlyInUK"], input[name="currentlyInUkStudy"]', function () {
                checkInUK();
            }).on('ifChanged', 'input[name="englishProficiency"]', function () {
                checkEnglishProficiencyOptions();
            }).on('ifChanged', 'input[name="passport_obtained"]', function () {
                checkPpassportObtainedOptions();
            });

            checkPpassportObtainedOptions()
            function checkPpassportObtainedOptions(){
                var value=$("input[name='passport_obtained']:checked").val();
                if(value == 1) {
                    $(".isHasPassportObtained").find("input").each(function(){
                        $(this).prop('required', true)
                    })
                    $(".isHasPassportObtained").show()
                }else {
                    $(".isHasPassportObtained").find("input").each(function(){
                        $(this).val("")
                        $(this).prop('required', false)
                    })
                    $(".isHasPassportObtained").hide()
                }
            }
            checkInUK();

            $("input[name='selectAllCourseItems']").on("change",function(){
                if(this.checked){
                    $("input[name='courseItemId']").prop("checked",true);
                }else{
                    $("input[name='courseItemId']").prop("checked",false);
                }
            });

            $(document).on('change', '#applicationLevel', function () {
                if (this.value) {
                    toggleDetailedApplicationLevel(
                        this.value === '{{\App\Enumerables\ApplicationDegreeLevels::UNDERGRADUATE}}',
                        this.value === '{{\App\Enumerables\ApplicationDegreeLevels::POSTGRADUATE}}'
                    )
                }
            });

            @if(isset($oCustomerDetail->application_degree_level) && isset($oCustomerDetail->detailed_application_degree_level))
                $('#applicationLevel').val('{{$oCustomerDetail->application_degree_level}}');

                @if($oCustomerDetail->application_degree_level == \App\Enumerables\ApplicationDegreeLevels::UNDERGRADUATE)
                    $('#detailedApplicationLevelUndergraduate').val('{{$oCustomerDetail->detailed_application_degree_level}}');
                @elseif($oCustomerDetail->application_degree_level == \App\Enumerables\ApplicationDegreeLevels::POSTGRADUATE)
                    $('#detailedApplicationLevelPostgraduate').val('{{$oCustomerDetail->detailed_application_degree_level}}');
                @endif

                toggleDetailedApplicationLevel(
                    {{($oCustomerDetail->application_degree_level == \App\Enumerables\ApplicationDegreeLevels::UNDERGRADUATE) ? 'true' : 'false'}},
                    {{($oCustomerDetail->application_degree_level == \App\Enumerables\ApplicationDegreeLevels::POSTGRADUATE) ? 'true' : 'false'}}
                );
            @endif
        });

         function toggleDetailedApplicationLevel(isUndergraduate, isPostgraduate) {
             $('#detailedApplicationLevelUndergraduate').toggleClass('d-none', !isUndergraduate)
                 .prop('required', isUndergraduate);

             $('#detailedApplicationLevelPostgraduate').toggleClass('d-none', !isPostgraduate)
                 .prop('required', isPostgraduate);

             $('#detailedApplicationLevelLabel').toggleClass(
                 'd-none',
                 !!(
                    !isUndergraduate
                    && !isPostgraduate
                 )
             );
         }

        function addValidationEvents(element){
            element.find("input,textarea").blur(function(){

                let input=$(this).get(0);
                let errMsg=validator.checkInputLanguage(input);
                if(errMsg!=""){
                    validator.addInputErrMsg(input,validator.getErrorMessage(errMsg));
                }

            });
            element.find("input,textarea").focus(function(){
                validator.removeInputErrMsg($(this).get(0));
               // $(this).siblings('.inputErrMsg').remove();
            });
        }

        function checkAllInputLanguage(){
            let firstErrorInput;
            $("#applicationForm").find("input[type='text'],textarea").each(function(){
                let input=$(this).get(0);
                let errMsg=validator.checkInputLanguage(input);
                if(errMsg!=""){
                    validator.addInputErrMsg(input,validator.getErrorMessage(errMsg));
                    if(!firstErrorInput)
                        firstErrorInput=this;
                }
            });
            if(firstErrorInput){
                firstErrorInput.scrollIntoView();
                window.scrollBy(0, -50);
                return false;
            }else{
                return true;
            }
        }

        function role_confirm(clientID, role, element) {
            layer.confirm(
                '确认执行操作吗?',
                {
                    btn: [
                        '是',
                        '否'
                    ],
                    btn1: function () {
                        new AjaxPermission(
                            {
                                url: '{{route('updateClientInfo')}}',
                                method: "ajax",
                                type: "POST",
                                data: {
                                    '_token': "{{csrf_token()}}",
                                    'allocationID': $(element).val(),
                                    'clientID': clientID,
                                    'role': role
                                }
                            },
                            result => {
                                if (result.status === true) {
                                    layer.msg(result.role + "修改成功");
                                    if(role == "consultant"){
                                        layer.alert('请及时变更群聊成员',{
                                            btn:['知道了'],
                                            btn1: function () {
                                                window.location.reload();
                                            }
                                        })
                                    }
                                } else {
                                    layer.msg('修改不成功 ' + result.role);
                                }
                            }
                        );
                    },
                    btn2: function () {
                        $("#userStaffsForm")[0].reset()
                        return false;
                    }
                }
            );
        }

        function prepareClientAllocation(clientID, role, element) {
            role_confirm(clientID, role, element);
        }

        function status_confirm(clientID,type,element){
            layer.confirm('确认执行操作吗?', { btn: ['是','否'],btn1: function(){
                    var params = {
                        url: '{{route('updateClientStatus')}}',
                        method: "ajax",
                        type: "POST",
                        dataType:"json",
                        data: {'_token':"{{csrf_token()}}",'element':$(element).val(),'clientID':clientID,'type':type}
                    };
                    new AjaxPermission(params,(result)=>{
                        if (result.status==true) {
                            layer.msg(result.type + "修改成功");
                            //window.location.reload();
                        }else{
                            layer.msg('修改不成功 ' + result.type);
                        }
                    });
                },
                btn2: function(){
                    return false;
                }
            });
        }

        function saveApplicationForm(){
            if($("select[name='submitLable']").val()==0){
                submitData.submitLable=0;
                prepareSubmitData();
                submitForm('save');
            }else{
                if(checkAllInputLanguage()){
                    prepareSubmitData();
                    validator.validateAllInputs(submitForm);
                }
            }

        }

        function updateApplicationForm(){
            if(checkAllInputLanguage()){
                prepareSubmitData();
                validator.validateAllInputs(submitForm);
            }
        }

        function sendForm() {   //old
            $('#submitType').val("1");
            layer.confirm('确认执行操作吗?', {
                btn: ['是', '否'],
                btn1: function () {
                    $(window).scrollTop(0);
                    $('#applicationForm').submit();
                },
                btn2: function () {
                    return false;
                }
            });
        }
        let initId =  $('#province').val();



        function addCourse(clientID){
            var path = '{{route('customerAccountAddCourse', ['customerID'=>$clientID, 'origin'=>'list'])}}';
            parent.addMenuTab('{{ __('Add New order') }}', path, path)
        }

        $(function () {
            $('#applicationFormAutoFill').ajaxForm(function (data) {
                $("#applicationFormAutoFill")[0].reset();
                if (data.length >0) {
                    applicationFormAutoFill(data);
                    layer.msg("auto fill successfully");
                } else {
                    layer.msg('Failed To auto fill, make sure the file is closed before auto fill', {time: 10000, icon: 2});
                }
            });

            $(document).on('change', 'select[name="edu_degree"]', function () {
                let isBachelor = this.value === 'Bachelor';

                $(this).parents('.col-sm-2')
                    .siblings('.degree-type')
                    .find('select')
                    .prop('required', isBachelor)
                    .prop('disabled', !isBachelor);
            });

            $("select[name='edu_degree']").each(function () {
                let isBachelor = this.value === 'Bachelor';

                $(this).parents('.col-sm-2')
                    .siblings('.degree-type')
                    .find('select')
                    .prop('required', isBachelor)
                    .prop('disabled', !isBachelor);
            })
        });

        $('#autoFillFile').on('input',function () {
            $('#applicationFormAutoFill').submit();
            $("#applicationFormAutoFill")[0].reset();
        });

        function applicationFormAutoFill(data){
            data.forEach(function(element){
                var elementType = $('#'+element[0])[0].nodeName;
                if( elementType == 'INPUT' || elementType == 'SELECT' ){
                    $('#'+element[0]).val(element[1]);
                }else if( elementType == 'TEXTAREA'){
                    $('#'+element[0]).html(element[1]);
                }

                if(element[0] == 'university'){
                    $('.combo-select #university ~ input').val(element[1]);
                }
            });
        }
        function addCardItem(type){
            switch(type){
                case "edu":
                    addEduItem();
                    break;
                case "work":
                    addWorkItem();
                    break;
                case "ref":
                    addRefItem();
                    break;
                case "award":
                    addAwardItem();
                    break;
            }
            $(".removeCardButton").click(function(){
                removeCardItem($(this).parents(".cardItem"));
            });
        }
        function removeCardItem(item){
            item.remove();
        }
        function addEduItem(data){
            if($("#eduBlock .eduItem").length<eduItemMax){
                eduItemIndex++;
                var template=$("#eduTemplate").children(0).clone();
                var id = 'eduItem_'+eduItemIndex;
                template.attr('id',id) ;
                template.attr('data-id',eduItemIndex)

                if (data != undefined){
                    for (let key in data) {
                        var dataItem=template.find("input[name='edu_" + key + "']");
                        if(dataItem.attr('type')==='text'){
                            if (key === 'from' || key === 'to') {
                                dataItem.val(
                                    parseDateDMY(data[key])
                                );
                            } else {
                                dataItem.val(data[key]);
                            }
                        }
                        if(key==='status'){
                            template.find("input[name='edu_" + key + "'][value='" + data[key] + "']").attr("checked", "checked");
                        }
                        if(key==='degree'){
                            dataItem=template.find("select[name='edu_" + key + "']");
                            dataItem.val(data[key]);
                        }

                        if(key==='gpa'){
                            dataItem=template.find("select[name='edu_" + key + "']");
                            let _gpaParent = template.find("select[name='gpaParent']");

                            $.each(_gpaConfig,(index,item)=>{
                                $.each(item.data,(k,i)=>{
                                    if(data[key] == i.value){
                                        let str = '';
                                        $.each(item.data,(ind, v)=>{
                                            str +=`<option value='`+v.value+`'>`+v.name+`</option>`
                                        })
                                        dataItem.append(str);
                                        _gpaParent.val(item.en)
                                    }
                                })
                            })
                            dataItem.val(data[key]);
                        }

                        if (key === 'country') {
                            dataItem = template.find("select[name='edu_" + key + "']");
                            dataItem.val(data[key]);
                            uniItem=template.find("input[name='edu_school']");
                            setUniversityList(uniItem, data[key]);
                        }

                        if (key === 'degree') {
                            let select = template.find('.degree-type select');

                            if (data[key] === 'Bachelor') {
                                select.prop('disabled', false)
                                    .prop('required', true)
                                    .val(data['degree_type']);
                            } else {
                                select.prop('disabled', true)
                                    .prop('required', false);
                            }
                        }
                    }
                }else{
                    bindUniversityList(template.find("input[name='edu_school']"),universitieUK)
                    template.find("input[type='radio']").eq(0).iCheck('check');
                }
                template.find("input[name='edu_status']").attr('name','edu_status_' + eduItemIndex);
                template.find("select[name='edu_country']").attr('data-id',eduItemIndex);
                template.find(".removeButton").attr('data-id',eduItemIndex);

                template.find("input").each(function(){
                    $(this).addClass("dynamic-validation");
                    $(this).removeClass("error");
                })
                $("#eduBlock").append(template);
                $("input[name='edu_status_" + eduItemIndex+ "']").iCheck({
                    radioClass: 'iradio_square-green'
                });
                addValidationEvents($("#eduItem_"+ eduItemIndex));
                addCommonDatePicker();
            }

        }

        function removeEduItem(obj){
            parent.layer.confirm('确定删除吗？', {
                btn: ['确定','取消'], //按钮
                shade: false //不显示遮罩
            }, function(){
                var itemId = $(obj).attr('data-id');
                if($("#eduBlock .eduItem").length>0){
                    $("#eduItem_"+itemId).remove();
                    if(itemId==eduItemIndex)
                        eduItemIndex--;
                }
                parent.layer.closeAll();
            }, function(){

            });
        }
        function addWorkItem(data){
            if($("#workBlock .workItem").length<workItemMax){
                workItemIndex++;
                var template=$("#workTemplate").children(0).clone();
                var id=  'workItem_'+workItemIndex;
                template.attr('id',id) ;
                template.attr('data-id',workItemIndex)
                if(data!=undefined){
                    for(let key in data) {
                        var dataItem=template.find("input[name='work_" + key + "']");
                        if(dataItem.attr('type')==='text'){
                            if (key === 'from' || key === 'to') {
                                dataItem.val(
                                    parseDateDMY(data[key])
                                );
                            } else {
                                dataItem.val(data[key]);
                            }
                        }
                        if(key==='untilNow' && data[key]){
                            dataItem.prop("checked",true);
                        }
                        if(key==='jobDescription'){
                            template.find("textarea[name='work_" + key + "']").val(data[key]);
                        }
                    }
                }
                template.find("input[name='work_untilNow']").attr('data-id',workItemIndex);
                template.find(".removeButton").attr('data-id',workItemIndex);

                $("#workBlock").append(template);
                addCommonDatePicker();
                addValidationEvents($("#workItem_"+ workItemIndex));
                checkUntilNow(id,'work');
            }
        }
        function removeWorkItem(obj){
            parent.layer.confirm('确定删除吗？', {
                btn: ['确定','取消'], //按钮
                shade: false //不显示遮罩
            }, function(){
                var itemId = $(obj).attr('data-id');
                if($("#workBlock .workItem").length>0){
                    $("#workItem_"+itemId).remove();
                    if(itemId==workItemIndex)
                        workItemIndex--;
                }
                parent.layer.closeAll();
            }, function(){
            });
        }

        function addRefItem(data){
            if($("#refBlock .refItem").length<refItemMax){
                refItemIndex++;
                var template=$("#refTemplate").children(0).clone();
                var id=  'refItem_'+refItemIndex;
                template.attr('id',id) ;
                template.attr('data-id',refItemIndex)
                if(data!=undefined){
                    for(let key in data) {
                        var dataItem=template.find("input[name='ref_" + key + "']");
                        if(dataItem.attr('type')=='text'){
                            dataItem.val(data[key]);
                        }
                    };
                }
                template.find(".removeButton").attr('data-id',refItemIndex);
                $("#refBlock").append(template);
                addValidationEvents($("#"+ id));
            }
        }

        function removeRefItem(obj){
            parent.layer.confirm('确定删除吗？', {
                btn: ['确定','取消'], //按钮
                shade: false //不显示遮罩
            }, function(){
                var itemId = $(obj).attr('data-id');
                if($("#refBlock .refItem").length>0){
                    $("#refItem_"+itemId).remove();
                    if(itemId==refItemIndex)
                        refItemIndex--;
                }
                parent.layer.closeAll();
            }, function(){
            });
        }
        function addAwardItem(data){
            if($("#awardBlock .awardItem").length<awardItemMax){
                awardItemIndex++;
                var template=$("#awardTemplate").children(0).clone();
                var id=  'awardItem_'+awardItemIndex;
                template.attr('id',id) ;
                template.attr('data-id',awardItemIndex)
                if(data!=undefined){
                    for(let key in data) {
                        var dataItem=template.find("input[name='award_" + key + "'],select[name='award_" + key + "'],textArea[name='award_" + key + "']");
                        if(dataItem){
                            if (key === 'date') {
                                dataItem.val(
                                    parseDateDMY(data[key])
                                );
                            } else {
                                dataItem.val(data[key]);
                            }
                        }
                    }
                }
                $("#awardBlock").append(template);
                addCommonDatePicker();
                addValidationEvents($("#workItem_"+ awardItemIndex));
            }
        }
        // $('.dateOfPicker').datepicker({
        //     startView: 2,
        //     todayBtn: "linked",
        //     keyboardNavigation: false,
        //     forceParse: false,
        //     calendarWeeks: false,
        //     autoclose: true,
        // });
        function addCommonDatePicker(){
            let d = new Date(),
                y = d.getFullYear(),
                m = d.getMonth()+1,
                day = d.getDay();

            $('.commonDatePicker').datepicker('destroy');
            $('.commonDatePicker').datepicker({
                startView: 2,
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: false,
                autoclose: true,
                startDate:new Date("1980-1-1"),
                format: 'dd/mm/yyyy',
            });
            $('.commonDatePickerNoEndDate').datepicker('destroy');
            let _endDate = new Date(y+10+"-12-31");
            $('.commonDatePickerNoEndDate').datepicker({
                startView: 2,
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: false,
                autoclose: true,
                startDate:new Date("1980-1-1"),
                endDate: _endDate,
                format: 'dd/mm/yyyy',
            });
            $('.commonEndDatePicker').datepicker('destroy');
            let _eduEndDate = new Date(y+5+"-12-31");
            $('.commonEndDatePicker').datepicker({
                startView: 2,
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: false,
                autoclose: true,
                startDate:new Date("1980-1-1"),
                endDate:_eduEndDate,
                format: 'dd/mm/yyyy',
            });


            $('.commonWorkDatePicker').datepicker('destroy');
            let _workEndDate = new Date().getFullYear()+1;
            $('.commonWorkDatePicker').datepicker({
                startView: 2,
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: false,
                autoclose: true,
                startDate:new Date("1980-1-1"),
                endDate:new Date(""+_workEndDate+""),
                format: 'dd/mm/yyyy',
            });
        }
        function checkInUK(){
            if($("input[name='currentlyInUK']:checked").val()==0 && $("input[name='currentlyInUkStudy']:checked").val()==0){
                $("#ukAddress").hide();
                $("#ukAddress").find("input[type='text']").each(function(){
                    $(this).val('');
                    $(this).removeAttr('required');
                });
            }else{
                $("#ukAddress").find("input[type='text']").each(function(){
                    $(this).attr('required',"true");
                });
                $("#ukAddress").show();
            }
        }
        function checkEnglishProficiencyOptions(){
            var value=$("input[name='englishProficiency']:checked").val();
            var link="";
            if(value==""){
                $("#englishProficiencyText").show();
            }else{
                $("#englishProficiencyText").val('');
                $("#englishProficiencyText").hide();
                var link="";
                for(key in englishResultQueryLinks){
                    if(key==value){
                        link=englishResultQueryLinks[key];
                        break;
                    }
                }
            }

            if(link==""){
                $("#resultQueryLinkText").hide();
                $("#resultQueryLink").show();
            }else{
                $("#resultQueryLinkText").html('<a href="' + link + '" target=_blank>' + link + '</a>');
                $("#resultQueryLinkText").show();
                $("#resultQueryLink").hide();
            }
            if(value=="None"){
                $(".englishProficiencyDataBlock").hide();
            }else{
                $(".englishProficiencyDataBlock").show();
            }
        }

        function iniApplicationForm(){
            var nationality='{{isset($oCustomerDetail->nationality)?$oCustomerDetail->nationality:""}}';
            $("body #nationality option[value='" + nationality + "']").attr("selected", true);
            var country='{{isset($oCustomerDetail->country)?$oCustomerDetail->country:""}}';
            $("body #country option[value='" + country + "']").attr("selected", true);
            checkEnglishProficiencyOptions();
            for(i=0;i<educationalBackground.length;i++ ){
                addEduItem(educationalBackground[i]);
            }
            for(i=0;i<workingExperience.length;i++ ){
                addWorkItem(workingExperience[i]);
            }
            for(i=0;i<referenceInformation.length;i++ ){
                addRefItem(referenceInformation[i]);
            }
            for(i=0;i<awardWinningExperience.length;i++ ){
                addAwardItem(awardWinningExperience[i]);
            }
            iniCoursesDataTable();
            addCommonDatePicker();
            $(".removeCardButton").click(function(){
                removeCardItem($(this).parents(".cardItem"));
            });
        }

        function iniCoursesDataTable(){
            $('#courseList').dataTable().fnClearTable();
            $('#courseList').dataTable().fnDestroy();

            $('#courseList').dataTable( {
                "order": [[ 1, 'asc' ]],
                "paging":false,
                "info": false,
                "searching":false,
                "data": applicationCourses,
                "columns": [
                    {
                        "data": "courseId",
                        "bSortable":false,
                        "render": function ( data, type, row ) {
                            return '<input type="checkbox" name="courseItemId" value="' + data + '">';
                        }
                    },
                    { "data": "university","bSortable":true },
                    { "data": "course","bSortable":true },
                    { "data": "date","bSortable":true },
                    {
                        "data": "link",
                        "bSortable":false,
                        "render": function ( data, type, row ) {
                            return '<input class="form-control input-sm" style="width:90%" type="text" name="link" value="' + data + '" data-id="' + row['courseId']+ '" {{isset($submitted)?'disabled':''}}>';
                        }
                    },
                    {
                        "data": "courseId" ,
                        "bSortable":false,
                        "render": function ( data, type, row ) {
                            return '<button class="btn btn-danger btn-sm" onclick="removeCourse(\'' + data + '\');return false;" {{isset($submitted)?'disabled':''}}>删除</button>';
                        }
                    }
                ],
                "columnDefs": [
                    { "orderable": false, "targets": 0 }
                ]
            } );
            $(".courseRow").show();
            $("input[name='courseSelectorCheck']:checked").prop("checked",false);
            applicationCourses.forEach(function(course){
               $(".courseRow_"+course.courseId).hide();
            });

        }
        function addCourseItem(){
                $('#courseSelector').modal('show');
                $('#courseSelectorTable').css({"height":"320px","overflow-y":"scroll"});
        }
        function checkCourseSelectorAll(){
            var selectedCourses=$("input[name='courseSelectorCheck']");
                selectedCourses.each(function(){
                    if( $(this).is(':visible') ){
                        $(this).prop('checked',$("input[name='courseSelectorCheckAll']").prop('checked'));
                    }
                })
        }
        function addSelectedCourses(){
            var selectedCourses=$("input[name='courseSelectorCheck']:checked");

            if(selectedCourses.length>0){
                selectedCourses.each(function(){
                    var data={
                        'courseId':  $(this).val(),
                        'university': $(this).attr('data-university'),
                        'course': $(this).attr('data-course'),
                        'date': $(this).attr('data-date'),
                        'link': ''
                    };
                    applicationCourses.push(data);
                });
                $("input[name='courseSelectorCheckAll']").attr("checked",false)
                $("input[name='courseSelectorCheck']").attr("checked",false);

                iniCoursesDataTable();
                $('#courseSelector').modal('hide');


            }
        }
        function removeCouseFromList(id){
            var removeIndex=-1;
            for(i=0;i<applicationCourses.length;i++){
                if(applicationCourses[i].courseId==id){
                    removeIndex=i;
                }
            }
            if(removeIndex>=0)
                applicationCourses.splice(removeIndex, 1);
        }
        function removeCourse(id){
            layer.confirm('确定删除课程吗？', {
                'title':'',
                btn: ['确定','取消'], //按钮
                shade: false //不显示遮罩
            }, function(index){
                updateAllCourseLinks();
                removeCouseFromList(id);
                iniCoursesDataTable();
                layer.close(index);
            }, function(){

            });
        }
        function removeSelectedCourseItem(){
            if($("input[name='courseItemId']:checked").length>0){
                layer.confirm('确定删除选择选中课程吗？', {
                    'title':'',
                    btn: ['确定','取消'], //按钮
                    shade: false //不显示遮罩
                }, function(index){
                    updateAllCourseLinks();
                    $("input[name='selectAllCourseItems']").attr("checked",false)
                    $("input[name='courseItemId']:checked").each(function(){
                        removeCouseFromList(this.value);
                    });
                    iniCoursesDataTable();
                    layer.close(index);
                }, function(){

                });
            }else{
                layer.msg('请选择课程！',{time: 1000});
            }
        }
        function updateAllCourseLinks(){
            applicationCourses.length = 0;
            var table = $('#courseList').dataTable();
            var rows = table.fnGetNodes();
            for (var r = 0; r < rows.length; r++) {
                var myRow = $('#courseList').dataTable().fnGetData(rows[r]);
                var rowItem=$(rows[r]);
                var link=rowItem.find("input[name='link']").val();
                courseDataItem={
                    'courseId': myRow['courseId'],
                    'university': myRow['university'],
                    'course': myRow['course'],
                    'date': myRow['date'],
                    'link': link
                };
                applicationCourses.push(courseDataItem);
            }
        }

        function eduChangeCountry(obj){
            var itemId = $(obj).attr('data-id');
            var parentId=  'eduItem_' + itemId;
            uniItem=$("#"+parentId).find("input[name='edu_school']");
            setUniversityList(uniItem,obj.value);
        }

        function setUniversityList(obj,country){
            obj.next().show();
            obj.bsSuggest("destroy");
            if(country=='United Kingdom'){
                bindUniversityList(obj,universitieUK);
            }else if(country=='China'){
                bindUniversityList(obj,universitieCN);
            }else{
                obj.next().hide();
            }
        }

        function bindUniversityList(obj,uniData){
            obj.bsSuggest( {
                indexKey: 0, //data.value 的第几个数据，作为input输入框的内容
                ignorecase: true,
                searchFields:['name'],
                data: {
                    'value':uniData,
                    'defaults': '全部'
                }
            } );
        }

        function changeUntilNow(obj,prefix){
            var itemId = $(obj).attr('data-id');
            var parentId=  prefix + 'Item_' + itemId;
            checkUntilNow(parentId,prefix);
        }
        function checkUntilNow(parentId,prefix){
            dateToObj=$("#"+parentId).find("input[name='" + prefix + "_to']");
            if($("#"+parentId).find("input[name='"+prefix+"_untilNow']").prop("checked")){
                dateToObj.val("");
                dateToObj.attr("disabled",true);
            }else{
                dateToObj.attr("disabled",false);
            }
        }

        function prepareSubmitData(){
            //common data
            $('#applicationForm').find('input').each(function(){
                if(!$(this).parents().is('.notSubmitContent')){
                    var inputName=$(this).attr('name');
                    switch($(this).attr('type')){
                        case "text":
                            submitData[inputName]=$(this).val();
                            break;
                        case "radio":
                            submitData[inputName]=$("input[name='" + inputName + "']:checked").val();
                            break;
                    }
                }
            });
            $('#applicationForm').find('select').each(function(){
                if(!$(this).parents().is('.cardItem')){
                    var inputName=$(this).attr('name');
                    submitData[inputName]=$('#applicationForm').find("select[name='" + inputName + "']").val();
                }
            });

            englishProficiencyItem=$('#applicationForm').find("input[name='englishProficiency']:checked");
            if(englishProficiencyItem){
                if(englishProficiencyItem.val()==""){
                    submitData.englishProficiency=$('#applicationForm').find("input[name='englishProficiencyText']").val();
                }else{
                    submitData.englishProficiency=englishProficiencyItem.val();
                }

            }

            //Edu Data
            eduData = [];
            $("#eduBlock .eduItem").each(function(){
                var id=$(this).attr('data-id');
                var item=$('#'+ $(this).attr('id'));
                //$eduDataItem = new array();
                let tmpEduDataItem = {
                    'from': item.find("input[name='edu_from']").val(),
                    'to': item.find("input[name='edu_to']").val(),
                    'country': item.find("select[name='edu_country']").val(),
                    'school': item.find("input[name='edu_school']").val(),
                    'course': item.find("input[name='edu_course']").val(),
                    'degree': item.find("select[name='edu_degree']").val(),
                    'degree_type': item.find("select[name='edu_degree_type']").val(),
                    'status': item.find("input[type='radio']:checked").val(),
                    'gpa': item.find("select[name='edu_gpa']").val(),
                };

                if (tmpEduDataItem.degree === 'Bachelor') {
                    tmpEduDataItem.degree_type =  item.find('select[name="edu_degree_type"]').val();
                    tmpEduDataItem.degree_type_text = item.find('select[name="edu_degree_type"]')
                        .find('option:checked')
                        .text();
                } else {
                    tmpEduDataItem.degree_type = null;
                    tmpEduDataItem.degree_type_text = null;
                }

                eduData.push(tmpEduDataItem);
            });
            sortData(eduData,['to','from']);
            eduDataJSON=JSON.stringify(eduData);
            submitData.educationalBackground=eduDataJSON;
            //Work Data
            workData=new Array();
            $("#workBlock .workItem").each(function(){
                var id=$(this).attr('data-id');
                var item=$('#'+ $(this).attr('id'));
                workDataItem={
                    'from': item.find("input[name='work_from']").val(),
                    'to': item.find("input[name='work_to']").val(),
                    'untilNow': item.find("input[name='work_untilNow']").prop('checked')?1:0,
                    'jobTitle': item.find("input[name='work_jobTitle']").val(),
                    'companyName': item.find("input[name='work_companyName']").val(),
                    'jobDescription': item.find("textarea[name='work_jobDescription']").val()
                };
                workData.push(workDataItem);
            });
            workDataJSON=JSON.stringify(workData);
            submitData.workingExperience=workDataJSON;
            //ref Data
            refData = [];
            $("#refBlock .refItem").each(function(){
                var id=$(this).attr('data-id');
                var item=$('#'+ $(this).attr('id'));
                refDataItem={
                    'name': item.find("input[name='ref_name']").val(),
                    'phone': item.find("input[name='ref_phone']").val(),
                    'email': item.find("input[name='ref_email']").val(),
                    'jobTitle': item.find("input[name='ref_jobTitle']").val(),
                    'address': item.find("input[name='ref_address']").val(),
                    'postcode': item.find("input[name='ref_postcode']").val()
                };
                refData.push(refDataItem);
            });
            refDataJSON=JSON.stringify(refData);
            submitData.referenceInformation=refDataJSON;
            //award Data
            awardData=new Array();
            $("#awardBlock .awardItem").each(function(){
                var id=$(this).attr('data-id');
                var item=$(this);
                awardDataItem={
                    'title': item.find("input[name='award_title']").val(),
                    'date': item.find("input[name='award_date']").val(),
                    'place': item.find("select[name='award_place']").val(),
                    'level': item.find("select[name='award_level']").val(),
                    'description': item.find("textarea[name='award_description']").val(),
                };
                awardData.push(awardDataItem);
            });
            sortData(awardData,['date']);
            awardDataJSON=JSON.stringify(awardData);
            submitData.awardWinningExperience=awardDataJSON;

            // Course Data
            updateAllCourseLinks();
            courseData=applicationCourses;
            courseDataJSON=JSON.stringify(courseData);
            submitData.applicationCourses=courseDataJSON;
        }

        function submitForm(callback){
            typeText="保存";
            $.ajax({
                method: 'post',
                data:submitData,
                url: $('#applicationForm').attr("action")+'?t={{(isset($oCustomerDetail->updated_at) && $oCustomerDetail->updated_at) ? strtotime($oCustomerDetail->updated_at) : ""}}',
                success: function(result){
                    if (result === '1') {
                        layer.msg(typeText + "成功");
                        $('html ,body').animate({scrollTop: 0}, 300);
                        if(callback)
                            eval(callback + "()");
                        else
                            $('html , body').animate({scrollTop: 0},'slow');
                    } else {
                        layer.msg(typeText + '不成功');
                        console.log(result);
                    }
                }
            });
        }

        function downloadApplicationForm(){
            prepareSubmitData();
            submitForm('doDownloadApplicationForm')
        }
        function doDownloadApplicationForm(){
            window.open('{{route('downloadApplicationForm',['Mode'=>'simple'])}}/'+customerId);
        }
        function downloadFullApplicationForm(){
            prepareSubmitData();
            submitForm('doDownloadFullApplicationForm')
        }
        function doDownloadFullApplicationForm(){
            window.open('{{route('downloadApplicationForm',['Mode'=>'full'])}}/'+customerId);
        }
        function sortData(data,fields){
            data.sort(function(a,b){
                return getSortOrder(a,b,fields,0);
            });
        }
        function getSortOrder(a,b,fields,index){
            if(index>=fields.length)
                return 0;
            itemA=Date.parse(a[fields[index]]);
            itemB=Date.parse(b[fields[index]]);
            if(itemA){
                if(itemB){
                    if(itemA==itemB){
                        return getSortOrder(a,b,fields,index+1);
                    }else{
                        return itemB-itemA;
                    }
                }else{
                    return -1;
                }
            }else{
                return 1;
            }
        }
        $("ibox-content").on("click",function(event){
            event.stopPropagation();
        })


		$("body").on("change","select#gpaParent",function(){
			let _next = $(this).next("select");
            _next.html("");
			let _option = '';
			let _val = $(this).val(),
				_text = $(this).find("option:selected").text();
			if(_val !== ""){

				$.each(_gpaConfig,function(key, item){
					if(_val == item.en){
						$.each(item.data, (k, i)=>{
							_option+=`<option value="`+i.value+`">`+i.name+`</option>`
						})
						_next.append(_option)
					}
				})
			}
		})
    </script>
</div>