@php 
    $user_info = @$step_verified_data['user_info']; 
    $additional_info = @$user_info->portfolio->userGeneral;
    $countries = get_countries();
    $institution_type_list = config('common.institution_type');
    $study_level_list = config('common.study_level');
    $relationship = config('common.relation');
    $is_itn_user = (!empty($portfolio->placement_agency_id) && $portfolio->placementAgency->checkAgencySync()) ? 1 : 0;
    $countries_phone_code = get_countries_phone_code();
    $dos_program_category_id = $portfolio->dos_program_category_id;
@endphp
<div class="row">
    <div class="col-md-12">
        @if(empty($step_status))
            <h3>Additional Information</h3>
            <p>This step is disable until user will reach to step.</p>  
        @else 
            <div class="addi-info-step-form">
                <div class="adi-info-step adi-info-step-1" data-step-ref="1">1</div>
                <div class="adi-info-step adi-info-step-2" data-step-ref="2">2</div>
                <div class="adi-info-step adi-info-step-3" data-step-ref="3">3</div>
                <div class="adi-info-step adi-info-step-4" data-step-ref="4">4</div>
		@if($dos_program_category_id == 3)
		<div class="adi-info-step adi-info-step-6" data-step-ref="6">5</div>
                <div class="adi-info-step adi-info-step-7" data-step-ref="7">6</div>
                <div class="adi-info-step adi-info-step-8" data-step-ref="8">7</div>
                <div class="adi-info-step adi-info-step-9" data-step-ref="9">8</div>
		@else
                <div class="adi-info-step adi-info-step-5" data-step-ref="5">5</div>
                <div class="adi-info-step adi-info-step-6" data-step-ref="6">6</div>
                <div class="adi-info-step adi-info-step-7" data-step-ref="7">7</div>
                <div class="adi-info-step adi-info-step-8" data-step-ref="8">8</div>
                <div class="adi-info-step adi-info-step-9" data-step-ref="9">9</div>
		@endif
            </div>
            <div class="addinfo_tab" id="addinfo_tab1">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Contact Information</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-1" name="addinfo_form_1" id="addinfo_form_1">
                    <input type="hidden" name="addinfo_form_step" value="1" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <label class="control-label">Full Name</label>
                            <div class="row">
                                <div class="col-sm-4 m-b-10">
                                    <div class="form-group">
                                        <input type="text" name="fname" value="{{ @$user_info->first_name }}" class="form-control" placeholder="First name" required=""> 
                                        <div class="help-block with-errors"></div> 
                                    </div>
                                </div>
                                <div class="col-sm-4 m-b-10">
                                    <div class="form-group">
                                        <input type="text" name="mname" value="{{ @$user_info->middle_name }}" class="form-control" placeholder="Middle name">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-4 m-b-10">
                                    <div class="form-group">
                                        <input type="text" name="lname" value="{{ @$user_info->last_name }}" class="form-control" placeholder="Last/Family Name" required="">
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="gender">Select your Gender</label>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="radio radio-info">
                                            <input type="radio" name="gender" id="Male" value="1" {{ is_checked(@$additional_info['gender'],'1') }} required="" />
                                            <label for="Male"> Male</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-4">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="gender" id="Female" value="2" {{ is_checked(@$additional_info['gender'],'2') }} />
                                            <label for="Female"> Female</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-4">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="gender" id="Other" value="3" {{ is_checked(@$additional_info['gender'],'3') }} />
                                            <label for="Other"> Other</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
			@if($dos_program_category_id == 3)
			<div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label" for="gender">Driver's License <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="radio radio-info">
                                            <input type="radio" name="camp_driver_license" id="camp_driver_license_y" value="1" {{ is_checked(@$additional_info['camp_driver_license'],'1') }} required="" />
                                            <label for="camp_driver_license_y"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-4">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="camp_driver_license" id="camp_driver_license_n" value="2" {{ is_checked(@$additional_info['camp_driver_license'],'2') }} />
                                            <label for="camp_driver_license_n"> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                                <div class="form-control-feedback"></div>
                            </div>
                        </div>
			@endif
                        <div class="col-sm-12"> 
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-md-12 col-sm-12 col-lg-12 no-padding">Phone Number <small class="text-danger">*</small></label>
                                <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 custom_select2 no-padding m-t-10">
                                <select name="country_phone_code" id="country_phone_code" class="form-control" autocomplete="true" required>
                                    <option value="">-- Select Country Phone Code --</option>
                                    @foreach($countries_phone_code as $code)
                                        <option value="{{ $code }}" {{ is_selected($code,@$additional_info['country_phone_code']) }} >{{ $code }}</option>
                                    @endforeach
                                </select>
                                </div>
                                <div class="col-xs-12 col-md-9 col-sm-8 col-lg-10 m-t-10">
                                <input type="text" name="phone_number" value="{{ @$additional_info['phone_number'] }}" class="form-control mask_ein" placeholder="Phone number" data-nowhitespace="nowhitespace" required="" >
                                <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-md-12 col-sm-12 col-lg-12 no-padding">Alternative Phone Number <small class="text-muted">(optional)</small></label>
                                <div class="col-xs-12 col-sm-4 col-md-3 col-lg-2 custom_select2 no-padding m-t-10">
                                <select name="country_phone_code_two" id="country_phone_code_two" class="form-control"  autocomplete="true" required>
                                    <option value="">-- Select Country Phone Code --</option>
                                    @foreach($countries_phone_code as $code)
                                        <option value="{{ $code }}" {{ is_selected($code,@$additional_info['country_phone_code_two']) }} >{{ $code }}</option>
                                    @endforeach
                                </select>
                                </div>
                                <div class="col-xs-12 col-md-9 col-sm-8 col-lg-10 m-t-10">
                                <input type="text" name="alternate_phone_number" value="{{ @$additional_info['phone_number_two'] }}" class="form-control mask_ein" placeholder="Alternative Phone Number" >
                                <div class="help-block with-errors"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="control-label">Second Email Address <small class="text-muted">(optional)</small></label>
                                <input type="email" name="alternate_email" value="{{ @$additional_info['secondary_email'] }}" class="form-control" placeholder="Second Email Address "> 
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="control-label">What is the Best Time to Call You? <small class="text-muted"> Monday to Friday.</small> <small class="text-danger">*</small></label>
                                <div class="row"> 
                                    <div class="col-sm-4"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="best_call_time" id="morning" value="1" {{ is_checked(@$additional_info['best_call_time'],'1') }} required="" />
                                            <label for="morning"> Morning<br/><small class="text-muted">(8am to 11am)</small></label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-4">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="best_call_time" id="afternoon" value="2" {{ is_checked(@$additional_info['best_call_time'],'2') }} />
                                            <label for="afternoon"> Afternoon<br/><small class="text-muted">(12pm to 5pm)</small></label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-4">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="best_call_time" id="evening" value="3" {{ is_checked(@$additional_info['best_call_time'],'3') }} />
                                            <label for="evening"> Evening<br/><small class="text-muted">(5pm to 8pm)</small></label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                            @if(@$is_step_locked == 1 || $is_itn_user == 1)
                                <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(2);">Next</button>
                            @else
                                <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_1',this.value);">Save</button>
                                <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_1',this.value);">Save & Next</button>
                            @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab2">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Address</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form" name="addinfo_form_2" id="addinfo_form_2">
                    <input type="hidden" name="addinfo_form_step" value="2" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">In Care Of / Delivered to (Optional)</label>
                                <div class="row"> 
                                    <div class="col-sm-12">
                                        <div class="checkbox checkbox-success">
                                            <input type="checkbox" name="deliver_my_name" id="deliver_my_name" value="1" {{ is_checked(@$additional_info['deliver_my_name'],'1') }} />
                                            <label for="deliver_my_name">Deliver to my name</label>
                                        </div> 
                                    </div>
                                </div>
                                <input type="text" name="in_care_of" id="in_care_of" value="{{ @$additional_info['in_care_of'] }}" class="form-control" placeholder="in care of" @if(is_checked(@$additional_info['deliver_my_name'],'1',true)) readonly @endif/>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Street Address <small class="text-danger">*</small></label>
                                <input type="text" name="address_street" data-notempty="notempty" value="{{ @$additional_info['street'] }}" class="form-control" placeholder="Your street address" required=""> 
                                <div class="help-block with-errors"></div>
                            </div> 
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Street Address 2</label>
                                <input type="text" name="address_street_2" value="{{ @$additional_info['street_2'] }}" class="form-control" placeholder="Your street address 2"> 
                                <div class="help-block with-errors"></div>
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">City <small class="text-danger">*</small></label>
                                        <input type="text" name="address_city" value="{{ @$additional_info['city'] }}" required class="form-control" data-notempty="notempty" placeholder="City"/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Zip / Postal Code <small class="text-danger">*</small></label>
                                        <input type="text" name="address_zip" value="{{ @$additional_info['zip_code'] }}" required class="form-control" data-equals="nowhitespace" placeholder="Zip/Postal Code"/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Country <small class="text-danger">*</small></label>
                                        <select name="address_country" id="address_country" class="form-control" required>
                                            <option value="">-- Select Country --</option>
                                            @foreach($countries as $country)
                                            <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['country']) }} >{{ $country->country_name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">State <small class="text-danger">*</small></label>
                                        <input type="text" name="state" value="{{ @$additional_info['state'] }}" data-notempty="notempty" required class="form-control" placeholder="State"/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(1);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(3);">Next</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(1);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_2',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_2',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab3">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Passport Information</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-3" name="addinfo_form_3" id="addinfo_form_3">
                    <input type="hidden" name="addinfo_form_step" value="3" />
                    <input type="hidden" name="btn_action" value="" />

                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Passport Number <small class="text-danger">*</small></label> 
                                <input type="text" name="passport_number" value="{{ @$additional_info['passport_number'] }}" class="form-control" data-equals="nowhitespace" placeholder="Click here to add your passport number" required=""> 
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-sm-6"> 
                                    <div class="form-group">
                                        <label class="control-label text-muted">Passport Issuing Date <small class="text-danger">*</small></label>
                                        <input type="text" name="passport_issued" value="{{ dateformat(@$additional_info['passport_issued']) }}" class="form-control datepicker mobile_readonly" placeholder="MM/DD/YYYY" required="" autocomplete="off"> 
                                        <div class="help-block with-errors"></div>
                                    </div> 
                                </div> 
                                <div class="col-sm-6"> 
                                    <div class="form-group"> 
                                        <label class="control-label text-muted">Passport Expiration Date <small class="text-danger">*</small></label>
                                        <input type="text" name="passport_expires" value="{{ dateformat(@$additional_info['passport_expires']) }}" class="form-control datepicker mobile_readonly" placeholder="MM/DD/YYYY" required="" autocomplete="off"> 
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                        <div class="col-sm-12"> 
                            <div class="row">
                                <div class="col-sm-6"> 
                                    <div class="form-group">  
                                        <label class="control-label text-muted">Date of Birth <small class="text-danger">*</small></label>
                                        <input type="text" name="birth_date" value="{{ dateformat(@$additional_info['birth_date']) }}" class="form-control datepicker mobile_readonly" placeholder="MM/DD/YYYY" required="" autocomplete="off">    
                                        <div class="help-block with-errors"></div>
                                    </div> 
                                </div> 
                                <div class="col-sm-6"> 
                                    <div class="form-group"> 
                                        <label class="control-label text-muted">City of Birth <small class="text-danger">*</small></label>
                                        <input type="text" name="birth_city" value="{{ @$additional_info['birth_city'] }}" class="form-control" data-notempty="notempty" placeholder="City of Birth" required=""> 
                                        <div class="help-block with-errors"></div> 
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Country of Birth <small class="text-danger">*</small></label> 
                                <select name="birth_country" id="birth_country" class="form-control" required>
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['birth_country']) }} >{{ $country->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Citizen of <small class="text-danger">*</small></label> 
                                <select name="country_citizen" id="country_citizen" class="form-control" required>
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['country_citizen']) }} >{{ $country->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Legal Permanent Resident <small class="text-danger">*</small></label> 
                                <select name="country_resident" id="country_resident" class="form-control" required>
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['country_resident']) }} >{{ $country->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group"> 
                                <label class="text-muted control-label">Passport Issuing Country <small class="text-danger">*</small></label> 
                                <select name="country_issuer" id="country_issuer" class="form-control" required>
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['country_issuer']) }} >{{ $country->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$additional_info->is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(2);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(4);">Next</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(2);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_3',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_3',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab4">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Previous J1 Program</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-4" name="addinfo_form_4" id="addinfo_form_4">
                    <input type="hidden" name="addinfo_form_step" value="4" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Have you participated in a {{ __('application_term.exchange_visitor_program') }} in the past? <small class="text-danger">*</small></label>
                                <div class="row"> 
                                    <div class="col-sm-6"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="previously_participated" id="previously_participated_Yes" value="1" {{ is_checked(@$additional_info['previously_participated'],'1') }} required="" onclick="return toggle_j1_program_field(true, '1');" />
                                            <label for="previously_participated_Yes"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-6">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="previously_participated" id="previously_participated_No" value="2" {{ is_checked(@$additional_info['previously_participated'],'2') }} onclick="return toggle_j1_program_field(false, '1');">
                                            <label for='previously_participated_No'> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-md-12 disable-content m-b-20" id="j1_program_field" @if(!is_checked(@$additional_info['previously_participated'],'1',true)) style="display: none;" @endif>
                            <div class="row m-b-10 j1_recent_program">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Recent Program Name <small class="text-danger">*</small></label>
                                        <input type="text" name="j1_recent_program_name" value="{{ @$additional_info['j1_first_name'] }}" data-notempty="notempty" @if(@$additional_info['previously_participated'] == 1) class="form-control" @else class="form-control disable-control" @endif placeholder="Click here to add your most recent J1 program name" required/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Start Date <small class="text-danger">*</small></label>
                                                <input type="text" name="j1_recent_program_start" value="{{ dateformat(@$additional_info['j1_first_started']) }}" @if(@$additional_info['previously_participated'] == 1) class="form-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly disable-control" @endif  placeholder="mm/dd/yyyy" required autocomplete="off"/>
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">End Date <small class="text-danger">*</small></label>
                                                <input type="text" name="j1_recent_program_end" value="{{ dateformat(@$additional_info['j1_first_ended']) }}" @if(@$additional_info['previously_participated'] == 1) class="form-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly disable-control" @endif placeholder="mm/dd/yyyy" required autocomplete="off"/>
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <hr class="full_dotted_line m-b-20" />
                            <a class="text-info m-b-20 add_new_j1_field cpointer" onclick="toggle_j1_program_field(true,'2');" @if(!empty(@$additional_info['j2_second_name'])) style="display:none;" @endif >
                                <i class="fa fa-plus text-info m-r-5"></i>add another
                            </a>
                            <div class="row m-b-10 j1_old_program" @if(empty(@$additional_info['j2_second_name'])) style="display: none;" @endif>
                                <div class="col-xs-10 p-l-0">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label class="control-label">Oldest Program Name <small class="text-danger">*</small></label>
                                            <input type="text" name="j1_old_program_name" value="{{ @$additional_info['j2_second_name'] }}" data-notempty="notempty" @if(!empty(@$additional_info['j2_second_name'])) class="form-control" @else class="form-control disable-control" @endif  placeholder="Click here to add your oldest J1 program name" required/>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Start Date <small class="text-danger">*</small></label>
                                                    <input type="text" name="j1_old_program_start" value="{{ dateformat(@$additional_info['j2_second_started']) }}" @if(!empty(@$additional_info['j2_second_name'])) class="form-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly disable-control" @endif placeholder="mm/dd/yyyy" required autocomplete="off"/>
                                                           <div class="help-block with-errors"></div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">End Date <small class="text-danger">*</small></label>
                                                    <input type="text" name="j1_old_program_end" value="{{ dateformat(@$additional_info['j2_second_ended']) }}" @if(!empty(@$additional_info['j2_second_name'])) class="form-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly disable-control" @endif placeholder="mm/dd/yyyy" required autocomplete="off"/>
                                                           <div class="help-block with-errors"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-2">
                                    <hr class="vl m-r-20 min-height130" />
                                    <a class="text-danger cpointer" onclick="toggle_j1_program_field(false,'2');" rel="tooltip" title="Delete"><i class="fa fa-trash-o"></i></a>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(3);">Back</button>
			    @if($dos_program_category_id != 3)
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(5);">Next</button>
			    @else
			    <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(6);">Next</button>
			    @endif
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(3);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_4',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_4',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
	    @if($dos_program_category_id != 3)
            <div class="addinfo_tab hide" id="addinfo_tab5">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Spouse</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-5" name="addinfo_form_5" id="addinfo_form_5">
                    <input type="hidden" name="addinfo_form_step" value="5" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Marital Status <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-3"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="marital_status" id="maritalSingle" value="1" {{ is_checked(@$additional_info['marital_status'],'1') }} onclick="return toggle_fields(false, 'category_spouse');" required/>
                                            <label for="maritalSingle"> Single</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-3">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="marital_status" id="maritalMarried" value="2" {{ is_checked(@$additional_info['marital_status'],'2') }} onclick="return toggle_fields(true, 'category_spouse');"  />
                                            <label for='maritalMarried'> Married</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-3">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="marital_status" id="maritalDivorced" value="3" {{ is_checked(@$additional_info['marital_status'],'3') }} onclick="return toggle_fields(false, 'category_spouse');" />
                                            <label for='maritalDivorced'> Divorced</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-3">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="marital_status" id="maritalWidowed" value="4" {{ is_checked(@$additional_info['marital_status'],'4') }} onclick="return toggle_fields(false, 'category_spouse');" />
                                            <label for='maritalWidowed'> Widowed</label>
                                        </div> 
                                    </div>
                                </div> 
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-md-12 disable-content" id="category_spouse" @if(!is_checked(@$additional_info['marital_status'],'2',true)) style="display: none;" @endif>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Will your spouse need J-2 Visa to enter U.S.? <small class="text-danger">*</small></label>
                                        <div class="row">
                                            <div class="col-sm-6">  
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_needs_j2" id="spouse_dep_needs_j2_yes" value="1" {{ is_checked(@$additional_info['spouse_dep_needs_j2'],'1') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control" @endif  required />
                                                    <label for='spouse_dep_needs_j2_yes'> No</label>
                                                </div> 
                                            </div>
                                            <div class="col-sm-6">  
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_needs_j2" id="spouse_dep_needs_j2_no" value="2" {{ is_checked(@$additional_info['spouse_dep_needs_j2'],'2') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control" @endif  />
                                                    <label for='spouse_dep_needs_j2_no'> Yes</label>
                                                </div> 
                                            </div>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label class="control-label">Spouse Family Name <small class="text-danger">*</small></label>
                                                <input type="text" name="spouse_dep_last_name" id="spouse_dep_last_name" data-equals="nowhitespace" value="{{ @$additional_info['spouse_dep_last_name'] }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control"  @else class="form-control" @endif required/>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label class="control-label">Spouse Given Name <small class="text-danger">*</small></label>
                                                <input type="text" name="spouse_dep_first_name" id="spouse_dep_first_name" data-equals="nowhitespace" value="{{ @$additional_info['spouse_dep_first_name'] }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control"  @else class="form-control" @endif  required/>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label class="control-label">Spouse Middle Name <small class="text-danger">*</small></label>
                                                <input type="text" name="spouse_dep_middle_name" id="spouse_dep_middle_name" data-equals="nowhitespace" value="{{ @$additional_info['spouse_dep_middle_name'] }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control"  @else class="form-control" @endif  value="" required/>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Spouse Gender <small class="text-danger">*</small></label>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_gender" id="spouse_dep_gender_male" value="1" {{ is_checked(@$additional_info['spouse_dep_gender'],'1') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control"  @endif required />
                                                    <label for="spouse_dep_gender_male"> Male</label>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_gender" id="spouse_dep_gender_female" value="2" {{ is_checked(@$additional_info['spouse_dep_gender'],'2') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control"  @endif />
                                                    <label for="spouse_dep_gender_female"> Female</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Spouse Birth date <small class="text-danger">*</small></label>
                                        <input type="text" name="spouse_dep_birth_date" id="spouse_dep_birth_date" value="{{ dateformat(@$additional_info['spouse_dep_birth_date']) }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control datepicker mobile_readonly"  @else class="form-control datepicker mobile_readonly" @endif required autocomplete="off"/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Spouse City of Birth <small class="text-danger">*</small></label>
                                        <input type="text" name="spouse_dep_birth_city" id="spouse_dep_birth_city" data-notempty="notempty" value="{{ @$additional_info['spouse_dep_birth_city'] }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control"  @else class="form-control" @endif  required/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Spouse Country of Birth <small class="text-danger">*</small></label>
                                        <select name="spouse_dep_birth_country" id="spouse_dep_birth_country" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control"  @else class="form-control" @endif required>
                                            <option value="">-- Select Country --</option>
                                            @foreach($countries as $country)
                                                <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['spouse_dep_birth_country']) }} >{{ $country->country_name }}</option>
                                            @endforeach
                                        </select>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Do you have any other dependents? <small class="text-danger">*</small></label>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="other_dependants" id="other_dependants_yes" value="1" {{ is_checked(@$additional_info['other_dependants'],'1') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control"  @endif required />
                                                    <label for="other_dependants_yes"> Yes</label>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="other_dependants" id="other_dependants_no" value="2" {{ is_checked(@$additional_info['other_dependants'],'2') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control"  @endif />
                                                    <label for="other_dependants_no"> No</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Spouse enters U.S. at same time with you <small class="text-danger">*</small></label>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_us_entry_together" id="spouse_dep_us_entry_together_yes" value="1" {{ is_checked(@$additional_info['spouse_dep_us_entry_together'],'1') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control" @endif required onclick="return toggle_fields(false, 'spouse_us_entry_date');" />
                                                    <label for="spouse_dep_us_entry_together_yes"> Yes</label>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="radio radio-info">
                                                    <input type="radio" name="spouse_dep_us_entry_together" id="spouse_dep_us_entry_together_no" value="2" {{ is_checked(@$additional_info['spouse_dep_us_entry_together'],'2') }} @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="disable-control" @endif onclick="return toggle_fields(true, 'spouse_us_entry_date');" />
                                                    <label for="spouse_dep_us_entry_together_no"> No</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12" id="spouse_us_entry_date" @if(@$additional_info['spouse_dep_us_entry_together'] != 2)style="display: none;"@endif>
                                    <div class="form-group">
                                        <label class="control-label">If not same time, date spouse enters U.S <small class="text-danger">*</small></label>
                                        <input type="text" name="spouse_dep_entry_date" id="spouse_dep_entry_date" data-notempty="notempty" value="{{ dateformat(@$additional_info['spouse_dep_entry_date']) }}" @if(!is_checked(@$additional_info['marital_status'],'2',true)) class="form-control disable-control datepicker mobile_readonly"  @else class="form-control datepicker mobile_readonly" @endif autocomplete="off" required="" @if(@$additional_info['spouse_dep_us_entry_together'] != 2 && !is_checked(@$additional_info['marital_status'],'2',true)) disabled @endif />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(4);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(6);">Next</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(4);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_5',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_5',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
	    @endif
            <div class="addinfo_tab hide" id="addinfo_tab6">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Education</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-6" name="addinfo_form_6" id="addinfo_form_6">
                    <input type="hidden" name="addinfo_form_step" value="6" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Are you currently a full time student? <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-6"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="currently_student" id="currently_student_yes" value="1" {{ is_checked(@$additional_info['currently_student'],'1') }} onclick="return toggle_fields(true, 'category_current_student');" required />
                                            <label for="currently_student_yes"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-6">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="currently_student" id="currently_student_no" value="2" {{ is_checked(@$additional_info['currently_student'],'2') }} onclick="return toggle_fields(false, 'category_current_student');" />
                                            <label for='currently_student_no'> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-md-12 disable-content" id="category_current_student" @if(!is_checked(@$additional_info['currently_student'],'1',true)) style="display: none;" @endif >
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Educational institution last or presently attending <small class="text-danger">*</small></label>
                                        <input type="text" name="institution" id="institution" value="{{ @$additional_info['institution'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Educational institution type <small class="text-danger">*</small></label>
                                        <select name="institution_type" id="institution_type" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required>
                                            <option value="">-- Select Option --</option>
                                            @if(!empty($institution_type_list))
                                                @foreach($institution_type_list as $key => $value)
                                                <option value="{{ $key }}" {{ is_selected($key,@$additional_info['institution_type']) }} >{{ $value }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Field studied / presently studying <small class="text-danger">*</small></label>
                                        <input type="text" name="field_studied" id="field_studied" data-notempty="notempty" value="{{ @$additional_info['field_studied'] }}" @if(!is_checked(@$additional_info['field_studied'],'1',true)) class="form-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Study level <small class="text-danger">*</small></label>
                                        <select name="study_level" class="form-control" required>
                                            <option value="">-- Select Option --</option>
                                            @if(!empty($study_level_list))
                                            @foreach($study_level_list as $key => $value)
                                            <option value="{{ $key }}" {{ is_selected($key,@$additional_info['study_level']) }} >{{ $value }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Date started studying <small class="text-danger">*</small></label>
                                                <input type="text" name="program_start" id="program_start" value="{{ dateformat(@$additional_info['program_start']) }}" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control disable-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly" @endif required  autocomplete="off" />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Date Graduated (estimated or actual) <small class="text-danger">*</small></label>
                                                <input type="text" name="program_end" id="program_end" autocomplete="off" value="{{ dateformat(@$additional_info['program_end']) }}" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control disable-control datepicker mobile_readonly" @else class="form-control datepicker mobile_readonly" @endif  required />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Advance Course worked Completed (if applicable)</label>
                                                <input type="text" name="advance_completed" id="advance_completed" value="{{ @$additional_info['advance_completed'] }}" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control  disable-control" @else class="form-control" @endif />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Year of experience in the field</label>
                                                <input type="text" name="experience_year" id="experience_year" value="{{ @$additional_info['experience_year'] }}" @if(!is_checked(@$additional_info['currently_student'],'1',true)) class="form-control  disable-control" @else class="form-control" @endif />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
			    @if($dos_program_category_id != 3)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(5);">Back</button>
			    @else
			    <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(4);">Back</button>
			    @endif
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(7);">Next</button>
                        @else
			    @if($dos_program_category_id != 3)
			    <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(5);">Back</button>
			    @else
			    <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(4);">Back</button>
                            @endif
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_6',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_6',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab7">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Work Experience</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-7" name="addinfo_form_7" id="addinfo_form_7">
                    <input type="hidden" name="addinfo_form_step" value="7" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Are you Currently Employed? <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-6"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="currently_employed" id="currently_employed_yes" value="1" {{ is_checked(@$additional_info['currently_employed'],'1') }} onclick="return toggle_fields(true, 'category_employeed');" required/>
                                            <label for="currently_employed_yes"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-6">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="currently_employed" id="currently_employed_no" value="2" {{ is_checked(@$additional_info['currently_employed'],'2') }} onclick="return toggle_fields(false, 'category_employeed');"/>
                                            <label for='currently_employed_no'> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-md-12 disable-content" id="category_employeed" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) style="display: none;" @endif>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Name of company <small class="text-danger">*</small></label>
                                        <input type="text" name="employer_name" id="employer_name" value="{{ @$additional_info['employer_name'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required/>
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Company address <small class="text-danger">*</small></label>
                                        <input type="text" name="employer_address" id="employer_address" value="{{ @$additional_info['employer_address'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Total Number of employees <small class="text-danger">*</small></label>
                                        <input type="text" name="total_employees" id="total_employees" value="{{ @$additional_info['total_employees'] }}" data-equals="nowhitespace" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required  />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Your {{ __('application_term.position') }} <small class="text-danger">*</small></label>
                                        <input type="text" name="position" id="position" value="{{ @$additional_info['position'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Full Name of supervisor / owner <small class="text-danger">*</small></label>
                                        <input type="text" name="sup_name" id="sup_name" value="{{ @$additional_info['sup_name'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Phone Number <small>(with Country and Area code)</small> <small class="text-danger">*</small></label>
                                                <select name="employer_country_phone_code" id="employer_country_phone_code" class="form-control" autocomplete="true" style="position: absolute; max-width: 15%" required>
                                                    <option value="">-- Select Country Phone Code --</option>
                                                    @foreach($countries_phone_code as $code)
                                                        <option value="{{ $code }}" {{ is_selected($code,@$additional_info['employer_country_phone_code']) }} >{{ $code }}</option>
                                                    @endforeach
                                                </select>
                                                <input type="text" name="employer_phone" id="employer_phone" value="{{ @$additional_info['employer_phone'] }}" style="margin-left: 15% !important; max-width: 85%; " data-notempty="notempty"  @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control mask_ein" @else class="form-control mask_ein" @endif required />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 col-md-6">
                                            <div class="form-group">
                                                <label class="control-label">Fax Number <small>(with Country and Area code)</small> <small class="text-danger">*</small></label>
                                                <input type="text" name="employer_fax" id="employer_fax" value="{{ @$additional_info['employer_fax'] }}" data-equals="nowhitespace" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                                       <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Employment start date <small class="text-danger">*</small></label>
                                        <input type="text" name="emp_start_date" id="emp_start_date" value="{{ dateformat(@$additional_info['emp_start_date']) }}" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control datepicker disable-control mobile_readonly" @else class="form-control datepicker mobile_readonly" @endif required  autocomplete="off" />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <label class="control-label">Computer program skills <small>(coma separated)</small> <small class="text-danger">*</small></label>
                                        <input type="text" name="computer_programs" id="computer_programs" value="{{ @$additional_info['computer_programs'] }}" data-notempty="notempty" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif required />
                                        <div class="help-block with-errors"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(6);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(8);">Next</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(6);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_7',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_7',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab8">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Emergency Contacts</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-8" name="addinfo_form_8" id="addinfo_form_8">
                    <input type="hidden" name="addinfo_form_step" value="8" />
                    <input type="hidden" name="btn_action" value="" />
                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Emergency Contact First Name <small class="text-danger">*</small></label>
                                <input type="text" name="contact_name_first" id="contact_name_first" value="{{ @$additional_info['contact_name_first'] }}" data-notempty="notempty" class="form-control"  required />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Emergency Contact Last Name <small class="text-danger">*</small></label>
                                <input type="text" name="contact_name_last" id="contact_name_last" value="{{ @$additional_info['contact_name_last'] }}" data-notempty="notempty" class="form-control" required/>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Phone Number <small>(with Country and Area Code)</small> <small class="text-danger">*</small></label>
                                <select name="contact_country_phone_code" id="contact_country_phone_code" class="form-control" style="position: absolute; max-width: 10%" autocomplete="true" required>
                                    <option value="">-- Select Country Phone Code --</option>
                                    @foreach($countries_phone_code as $code)
                                        <option value="{{ $code }}" {{ is_selected($code,@$additional_info['contact_country_phone_code']) }} >{{ $code }}</option>
                                    @endforeach
                                </select>
                                <input type="text" name="contact_phone" id="contact_phone" value="{{ @$additional_info['contact_phone'] }}" data-notempty="notempty" class="form-control mask_ein" style="margin-left: 10% !important; max-width: 90%; "  required/>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Alternate Phone Number <small>(with Country and Area Code)</small></label>
                                <select name="contact_alternative_country_phone_code" id="contact_alternative_country_phone_code" class="form-control" style="position: absolute; max-width: 10%" autocomplete="true" required>
                                    <option value="">-- Select Country Phone Code --</option>
                                    @foreach($countries_phone_code as $code)
                                        <option value="{{ $code }}" {{ is_selected($code,@$additional_info['contact_alternative_country_phone_code']) }} >{{ $code }}</option>
                                    @endforeach
                                </select>
                                <input type="text" name="contact_phone_alternative" id="contact_phone_alternative" value="{{ @$additional_info['contact_phone_alternative'] }}" style="margin-left: 10% !important; max-width: 90%; " class="form-control mask_ein" />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Relationship <small class="text-danger">*</small></label>
                                <select name="contact_relationship" id="contact_relationship" class="form-control" required>
                                    <option value="">-- Select Option --</option>
                                    @if(!empty($relationship))
                                    @foreach($relationship as $key => $value)
                                        <option value="{{ $key }}" {{ is_selected($key,@$additional_info['contact_relationship']) }} >{{$value }}</option>
                                    @endforeach
                                    @endif
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Contact Location Country <small class="text-danger">*</small></label>
                                <select name="contact_country" id="contact_country" class="form-control" required>
                                    <option value="">-- Select Country --</option>
                                    @foreach($countries as $country)
                                        <option value="{{ $country->country_id }}" {{ is_selected($country->country_id,@$additional_info['contact_country']) }} >{{ $country->country_name }}</option>
                                    @endforeach
                                </select>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Contact is English Speaking <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-6"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="contact_english_speaking" id="contact_english_speaking_yes" value="1" {{ is_checked(@$additional_info['contact_english_speaking'],'1') }} required />
                                            <label for="contact_english_speaking_yes"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-6">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="contact_english_speaking" id="contact_english_speaking_no" value="2" {{ is_checked(@$additional_info['contact_english_speaking'],'2') }}  />
                                            <label for='contact_english_speaking_no'> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Language spoken <small class="text-danger">*</small></label>
                                <input type="text" name="contact_language" id="contact_language" value="{{ @$additional_info['contact_language']}}" data-equals="nowhitespace" class="form-control" required />
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Email Address <small class="text-danger">*</small></label>
                                <input type="email" name="contact_email" id="contact_email" value="{{ @$additional_info['contact_email']}}"  class="form-control" required />     
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(8);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(9);">Next</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(8);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_8',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_8',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
            <div class="addinfo_tab hide" id="addinfo_tab9">
                <div class="row">
                    <div class="col-sm-12">
                        <h3>Criminal Background</h3>
                    </div>
                </div>
                <div class="addinfo_notify"></div>
                <form class="m-b-10 custom_form adi-info-form-9" name="addinfo_form_9" id="addinfo_form_9">
                    <input type="hidden" name="addinfo_form_step" value="9" />
                    <input type="hidden" name="btn_action" value="" />

                    <div class="row m-b-10">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label class="control-label">Have you ever been convicted of a crime? <small class="text-danger">*</small></label>
                                <div class="row">
                                    <div class="col-sm-6"> 
                                        <div class="radio radio-info">
                                            <input type="radio" name="criminal_record" id="criminal_record_yes" value="1" {{ is_checked(@$additional_info['criminal_record'],'1') }} required onclick="return toggle_fields(true, 'category_convict');"/>
                                            <label for="criminal_record_yes"> Yes</label>
                                        </div> 
                                    </div>
                                    <div class="col-sm-6">  
                                        <div class="radio radio-info">
                                            <input type="radio" name="criminal_record" id="criminal_record_no" value="2" {{ is_checked(@$additional_info['criminal_record'],'2') }} onclick="return toggle_fields(false, 'category_convict');"/>
                                            <label for='criminal_record_no'> No</label>
                                        </div> 
                                    </div>
                                </div>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                        <div class="col-sm-12 disable-content" id="category_convict" @if(!is_checked(@$additional_info['criminal_record'],'1',true)) style="display: none;" @endif>
                            <div class="form-group">
                                <label class="control-label">If you selected yes Please explain <small class="text-danger">*</small></label>
                                <textarea name="criminal_explanation" id="criminal_explanation" @if(!is_checked(@$additional_info['currently_employed'],'1',true)) class="form-control disable-control" @else class="form-control" @endif data-notempty="notempty" required>{!! @$additional_info['criminal_explanation'] !!}</textarea>
                                <div class="help-block with-errors"></div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        @if(@$is_step_locked == 1 || $is_itn_user == 1)
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(8);">Back</button>
                            <button type="button" name="next_form" value="next_form" class="btn btn-sm btn-info next_form" onclick="return navigateStages(2,'{{ $next_step_key }}');">Next Step</button>
                        @else
                            <button type="button" name="back" value="back" class="btn btn-sm btn-info next_form" onclick="return jumpAddInfoStep(8);">Back</button>
                            <button type="submit" name="save" value="save" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_9',this.value);">Save</button>
                            <button type="submit" name="save_next" value="save_next" class="btn btn-sm btn-info" onclick="return setFormBtnAction('addinfo_form_9',this.value);">Save & Next</button>
                        @endif
                    </div>
                </form>
            </div>
<!--            <div>
                @if($additional_info->lock_additional_info == 1)
                    <button type="button" class="btn btn-info" onclick="loadStepContent('{{ $next_step_key }}')">Next Step</button>
                @endif
            </div>-->
        @endif
    </div>
</div>
<script>

$(document).ready(function(){
    $(".mask_ein").inputmask("999999999999");  //static mask
    checkCompleted(1);
    var user_id = $('meta[name="user_token"]').attr('content');
    var notify_id = "addinfo_notify";
    var user_name = "{{ $user_info->first_name }} {{ $user_info->last_name }}";
    $("#deliver_my_name").click(function(){
        if($(this).is(":checked")) {
            $("#in_care_of").attr('readonly',true).val(user_name);
        }
        else {
            $("#in_care_of").removeAttr('readonly').val("");
        }
    });

    var addinfo_form_selector = "#addinfo_form_1,#addinfo_form_2,#addinfo_form_3,#addinfo_form_4,#addinfo_form_5,#addinfo_form_6,#addinfo_form_7,#addinfo_form_8,#addinfo_form_9";

    @if(@$is_step_locked == 1 || $is_itn_user == 1)
        $(addinfo_form_selector)
            .find('input, select, textarea, button[type=submit]')
            .attr("disabled",true);
    @else
        ajaxFormValidator(addinfo_form_selector,function(ele,event){
            event.preventDefault();
            showLoader("#full-overlay");

            var btn_action = $(ele).find("input[name='btn_action']").val();
            if(btn_action == "" || btn_action == "undefined" || btn_action == null)
            {
                return false;
            }

            var form_id = $(ele).attr('id');
            if(form_id == "addinfo_form_9" && btn_action == "save_next")
            {
                $(ele).find(".form-actions").hide();
            }

            var form_data = new FormData(ele);
            form_data.append('user_id',user_id);

            $(ele).find("input[name='btn_action']").val("");

            $.ajax({
                url: "{{ route('addinfo') }}",
                type: 'post',
                data: form_data,
                dataType: 'json',
                processData: false,
                contentType: false,
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                success: function(response){
                    var messages = response.message;
                    if(response.type == "success"){
                        if(response.btn_action == "save_next"){
                            markAsCompleted(response);
                        }
                    }
                    else if(response.type == "validation_error"){
                        var Html = '<div class="alert swl-alert-danger"><ul>'; 
                        $.each( messages, function( key, value ) {
                            Html += '<li>' + value+ '</li>';  
                        });
                        Html += '</ul></div>';  
                        notifyResponseTimerAlert(Html,"error","Error");
                    }
                    else
                    {
                        notifyResponseTimerAlert(messages,response.type);
                    }
                    hideLoader("#full-overlay");
                },
            });
        });
    @endif

    $( ".datepicker" ).keydown(function( event ) {
        return false;
    });
});

function loadAddInfoContent(addinfo_step){

    if(active_stage == 1 && active_step == 8)
    {
        $('.addinfo_tab').addClass('hide');
        $('#addinfo_tab'+addinfo_step).removeClass('hide');
    }
    else if(active_stage == 1 && active_step != 8)
    {
        loadStepContent('1_additional_info',function(){
            loadAddInfoContent(addinfo_step);
        });
    }
}

    $(".adi-info-step").click(function(e){
        jumpAddInfoStep($(this).attr('data-step-ref'));
    });
    
    function jumpAddInfoStep(stepNo){
        var StepID = Number(stepNo);
        var step_id = "addinfo_tab"+StepID;
        $(".addinfo_tab").addClass('hide');
        $(".addinfo_notify").html("").removeClass();
        $("#"+step_id).removeClass('hide');
        setActive(StepID);
    }
    
    function setActive(StepID)
    {
        $(".adi-info-step").each(function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
            }
        });
        $(".adi-info-step-"+StepID).addClass('active')
    }
    
    function checkCompleted(add_complete = 0, next_step = 0)
    {
        var completed_steps = {
            1: 1,
            2: 1,
            3: 1,
            4: 1,
            5: 1,
            6: 1,
            7: 1,
            8: 1,
            9: 1,
        };
        
        $(".custom_form").each(function(){
            
            var $thisID =   $(this).attr('id');
            var $StepID =   $("#"+$thisID+" input[name='addinfo_form_step']").val();
            jumpAddInfoStep($StepID);
            
            $(this).find('input').not('input[type=radio]').not('input[type=checkbox]').filter(':visible').each(function(ie){
                if($(this).prop('required') && $(this).val() == "" && completed_steps[$StepID] == 1){
                    completed_steps[$StepID] = 0;
                }
            });
            
            $(this).find("input[type='radio']").filter(':visible').each(function(e){
                if($(this).attr('name') != "" || typeof $(this).attr('name') != typeof undefined){
                    if($(this).prop('required')){
                        if($('input[name='+$(this).attr('name')+']:checked').length <= 0){
                            completed_steps[$StepID] = 0;
                        }
                    }
                }
            });
            
            $(this).find("input[type='checkbox']").filter(':visible').each(function(e){
                if($(this).attr('name') != "" || typeof $(this).attr('name') != typeof undefined){
                    if($(this).prop('required')){
                        if($('input[name='+$(this).attr('name')+']:checked').length <= 0){
                            completed_steps[$StepID] = 0;
                        }
                    }
                }
            });
            
            $(this).find('select').filter(':visible').each(function(se){
                if($(se).prop('required') && $(se).val() == "" && completed_steps[$StepID] == 1){
                    completed_steps[$StepID] = 0;
                }
            });
            
            $(this).find('textarea').filter(':visible').each(function(se){
                if($(se).prop('required') && $(se).val() == "" && completed_steps[$StepID] == 1){
                    completed_steps[$StepID] = 0;
                }
            });
        });
        return setCompleted(completed_steps,add_complete,next_step);
    }
    
    function setCompleted(completed_steps,add_complete,next_step)
    {
        next_step = parseInt(next_step);
        var curActive = 0;
        var is_complete = 0;
        for (var i = 1; i <= 9; i++) {
            if(completed_steps[i] == 1){
                is_complete = 1;
                $(".adi-info-step-"+i).addClass('completed');
            }else{
                is_complete = 0;
                if(curActive == 0){
                    curActive = i;
                }
                $(".adi-info-step-"+i).addClass('incomplete');
            }
        }
        if(is_complete == 1)
        {
            if(add_complete == 1)
            {
                curActive = 1;
            }else if(next_step != 9){
                curActive = next_step + 1;
            }
        }
        jumpAddInfoStep(curActive);
        return curActive;
    }
    
    function markAsCompleted(response)
    {
        notifyResponseTimerAlert(response.message,response.type,response.type.charAt(0).toUpperCase()+ response.type.slice(1));
        var next = checkCompleted(0,response.action_step);
        if(next == 0 && response.action_step == 9){
            setTimeout(function(){
                navigateStages(2,'2_contract_placement');
            },3000);
        }
    }
</script>