@if($hv_data->duration_of_extension == null)
<div class="col-md-4" >
  <div class="form-group">
    <label class="d-block mb-2">Online Visa Duration</label>
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="duration_of_extension_30_{{$hv_data->id}}" name="duration_of_extension_{{$hv_data->id}}" value="30 Days Visa" onchange="dboard_sv_radio_data(this,'duration_of_extension');" @if($hv_data->duration_of_extension == '30 Days Visa') checked @endif>
        <label for="duration_of_extension_30_{{$hv_data->id}}" class="mb-0">30 Days Visa</label>
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="duration_of_extension_1_{{$hv_data->id}}" name="duration_of_extension_{{$hv_data->id}}" value="1 Year Visa" onchange="dboard_sv_radio_data(this,'duration_of_extension');" @if($hv_data->duration_of_extension == '1 Year Visa') checked @endif>
        <label for="duration_of_extension_1_{{$hv_data->id}}" class="mb-0">1 Year Visa</label> 
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="duration_of_extension_5_{{$hv_data->id}}" name="duration_of_extension_{{$hv_data->id}}" value="5 Years Visa" onchange="dboard_sv_radio_data(this,'duration_of_extension');" @if($hv_data->duration_of_extension == '5 Years Visa') checked @endif>
        <label for="duration_of_extension_5_{{$hv_data->id}}" class="mb-0">5 Years Visa</label>
      </li>
    </ul>
  </div>
</div>
@endif

@if($hv_data->expect_travel_dt == null)
<div class="col-md-4">
  <div class="form-floating mb-3">
    <input type="date" name="expect_travel_dt" id="expect_travel_dt_{{$hv_data->id}}" value="{{$hv_data->expect_travel_dt}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Expected Date of travel">
    <label>Expected Date of travel</label> 
  </div>
</div>
@endif

@if($hv_data->arrival_first_port == null)
<div class="col-md-4">
  <div class="form-floating mb-3">
    <input type="text" name="arrival_first_port" id="arrival_first_port_{{$hv_data->id}}" value="{{$hv_data->arrival_first_port}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="First port of arrival">
    <label>First port of arrival</label> 
  </div>
</div>
@endif

@if($hv_data->india_exit_port == null)
<div class="col-md-4">
  <div class="form-floating mb-3">
    <input type="text" name="india_exit_port" id="india_exit_port_{{$hv_data->id}}" value="{{$hv_data->india_exit_port}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Port of exit from India">
    <label>Port of exit from India</label> 
  </div>
</div>
@endif

@if($hv_data->distinguishing_mark == null)
<div class="col-md-4">
  <div class="form-floating mb-3">
    <input type="text" name="distinguishing_mark" value="{{$hv_data->distinguishing_mark}}" id="distinguishing_mark_{{$hv_data->id}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control w-100 d-block" placeholder="Visible distinguishing mark">
    <label>Visible distinguishing mark</label>
  </div>
</div>
@endif

@if($hv_data->educational_qualification == null)
<div class="col-md-12" > 
  <div class="form-group mb-3 _boxed_ul_list">
    <label class="d-block mb-2">Educational Qualification</label>
    <ul class="d-flex align-items-center justify-content-start gap-5 flex-wrap">
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="educational_qualification_be_{{$hv_data->id}}" name="educational_qualification_{{$hv_data->id}}" value="Below 8th" onchange="dboard_sv_radio_data(this,'educational_qualification');" @if($hv_data->educational_qualification == 'Below 8th') checked @endif>
        <label for="educational_qualification_be_{{$hv_data->id}}" class="mb-0">Below 8th</label>
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="educational_qualification_pg_{{$hv_data->id}}" name="educational_qualification_{{$hv_data->id}}" value="Post Graduate" onchange="dboard_sv_radio_data(this,'educational_qualification');" @if($hv_data->educational_qualification == 'Post Graduate') checked @endif>
        <label for="educational_qualification_pg_{{$hv_data->id}}" class="mb-0">Post Graduate</label>
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="educational_qualification_bet_{{$hv_data->id}}" name="educational_qualification_{{$hv_data->id}}" value="Between 8th-10th" onchange="dboard_sv_radio_data(this,'educational_qualification');" @if($hv_data->educational_qualification == 'Between 8th-10th') checked @endif>
        <label for="educational_qualification_bet_{{$hv_data->id}}" class="mb-0">Between 8th-10th</label> 
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="educational_qualification_g_{{$hv_data->id}}" name="educational_qualification_{{$hv_data->id}}" value="Graduate" onchange="dboard_sv_radio_data(this,'educational_qualification');" @if($hv_data->educational_qualification == 'Graduate') checked @endif>
        <label for="educational_qualification_g_{{$hv_data->id}}" class="mb-0">Graduate</label>
      </li>
    </ul>
  </div>
</div>
@endif

@if($hv_data->father_name == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="father_name" value="{{$hv_data->father_name}}" id="father_name_{{$hv_data->id}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="father name">
    <label>Father Name</label> 
  </div>
</div>
@endif

@if($hv_data->father_nationality == null)
<div class="col-md-4">
  <div class="form-group mb-3">
    <label>Father's Nationality</label>
    <select class="form-select select2" id="father_nationality_{{$hv_data->id}}" onchange="dboard_nw_fn_ocipersonal(this);" name="father_nationality">
      <option value="" disabled selected hidden>Father's Nationality</option>  
      @if(!empty($countries))
        @foreach($countries as $cat)
        <option value="{{$cat->country_name}}" @if($hv_data->father_nationality == $cat->country_name) selected @endif>{{$cat->country_name}}</option>
        @endforeach
      @endif
    </select>   
  </div>
</div>
@endif

@if($hv_data->birth_place_father == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="birth_place_father" value="{{$hv_data->birth_place_father}}" id="birth_place_father_{{$hv_data->id}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="father place of birth">
    <label>Father Place of birth</label> 
  </div>
</div>
@endif

@if($hv_data->mother_name == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="mother_name" value="{{$hv_data->mother_name}}" id="mother_name_{{$hv_data->id}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="mother name">
    <label>Mother Name</label> 
  </div>
</div>
@endif

@if($hv_data->mother_nationality == null)
<div class="col-md-4">
  <div class="form-group mb-3">
    <label>Mother's Nationality</label>
    <select class="form-select select2" id="mother_nationality_{{$hv_data->id}}" onchange="dboard_nw_fn_ocipersonal(this);" name="mother_nationality">
      <option value="" disabled selected hidden>Mother's Nationality</option>  
      @if(!empty($countries))
        @foreach($countries as $cat)
        <option value="{{$cat->country_name}}" @if($hv_data->mother_nationality == $cat->country_name) selected @endif>{{$cat->country_name}}</option>
        @endforeach
      @endif
    </select>   
  </div>
</div>
@endif

@if($hv_data->birth_place_mother == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="birth_place_mother" value="{{$hv_data->birth_place_mother}}" id="birth_place_mother_{{$hv_data->id}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="mother place of birth">
    <label>Mother Place of birth</label> 
  </div>
</div>
@endif

@if($hv_data->adult_status == null)
<div class="col-md-4" id="marital_status_{{$hv_data->id}}" @if($service_detail->slug == "oci-card-for-minors" or $hv_data->adult_status == "minor") style="display:none;" @endif>
  <div class="form-group mb-3">
    <label>Marital Status</label>
    <select name="marital_status" id="marital_status_{{$hv_data->id}}" class="form-select" onchange="dboard_nw_fn_ocipersonal(this);"> <!-- onchange="is_spouse(this);" -->
      <option value="" disabled selected hidden>Marital Status</option>
      @if($marital_status_data)
      @foreach($marital_status_data as $key=> $val)
        <option value="{{$key}}" @if($hv_data->marital_status == $key) selected @endif>{{$val}}</option>
      @endforeach
      @endif
    </select> 
  </div>
</div>
@endif

@if($hv_data->parent_marriage_place == null)
<div class="col-md-4" @if($service_detail->slug == "oci-card-for-minors" or $hv_data->adult_status == "minor") style="display:block;" @else style="display:none;" @endif id="parent_marriage_place">
  <div class="form-group mb-4">
    <label class="d-block mb-2">Parents marriage certificate issued place</label>
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="parent_marriage_placei_{{$hv_data->id}}" @if($hv_data->parent_marriage_place == 'india') checked @endif onchange="dboard_sv_radio_data(this,'parent_marriage_place');" name="parent_marriage_place_{{$hv_data->id}}" value="india"> <label for="hv_ociyes"  class="mb-0">India</label></li>
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="parent_marriage_placef_{{$hv_data->id}}" @if($hv_data->parent_marriage_place == 'foreign') checked @endif onchange="dboard_sv_radio_data(this,'parent_marriage_place');" name="parent_marriage_place_{{$hv_data->id}}" value="foreign"><label for="hv_ocino" id="hv_ocicard_err" class="mb-0">Foreign</label></li>  
    </ul>
  </div>
</div>
@endif

@if($hv_data->spouse_nationality == null)
<div class="col-md-4" @if($hv_data->marital_status == 'Married') style="display:block;" @else style="display:none;" @endif id="spouse_nation_{{$hv_data->id}}">
  <div class="form-group mb-3">
    <label class="w-100 d-block">Spouse's Nationality</label>
    <select class="form-select w-100 select2" id="spouse_nationality_{{$hv_data->id}}" onchange="dboard_nw_fn_ocipersonal(this);" name="spouse_nationality">  
      <option value="" disabled selected hidden>Spouse's Nationality</option>
      @if(!empty($countries))
        @foreach($countries as $cat)
        <option value="{{$cat->country_name}}" @if($hv_data->spouse_nationality == $cat->country_name) selected @endif>{{$cat->country_name}}</option>
        @endforeach
      @endif
    </select>
  </div>
</div>
@endif
@if($hv_data->spouse_profession == null)
<div class="col-md-4" @if($hv_data->marital_status == 'Married') style="display:block;" @else style="display:none;" @endif id="spouse_profession_{{$hv_data->id}}">
  <div class="form-group mb-3">
    <label class="w-100 d-block">Spouse's Profession</label>
    <select class="form-select w-100 select2" id="spouse_profession_{{$hv_data->id}}" onchange="dboard_nw_fn_ocipersonal(this);" name="spouse_profession">  
      <option value="" disabled selected hidden>Spouse's Profession</option> 
      <option value="House wife">House wife</option>
      @if(!empty($occupations))
        @foreach($occupations as $cat)
        <option value="{{$cat}}" @if($hv_data->spouse_profession == $cat) selected @endif>{{$cat}}</option>
        @endforeach
      @endif
    </select>
  </div>
</div>
@endif

@if($hv_data->spouse_birth_place == null)
<div class="col-md-4" @if($hv_data->marital_status == 'Married') style="display:block;" @else style="display:none;" @endif id="spouse_birth_p_{{$hv_data->id}}">
  <div class="form-group mb-4">
    <label class="d-block mb-2">Spouse Birth certificate issued place</label>
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="spouse_birth_placei_{{$hv_data->id}}" @if($hv_data->spouse_birth_place == 'india') checked @endif onchange="dboard_sv_radio_data(this,'spouse_birth_place');" name="spouse_birth_place_{{$hv_data->id}}" value="india"> <label for="hv_ociyes"  class="mb-0">India</label></li>
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="spouse_birth_placef_{{$hv_data->id}}" @if($hv_data->spouse_birth_place == 'foreign') checked @endif onchange="dboard_sv_radio_data(this,'spouse_birth_place');" name="spouse_birth_place_{{$hv_data->id}}" value="foreign"><label for="hv_ocino" id="hv_ocicard_err" class="mb-0">Foreign</label></li>  
    </ul>
  </div>
</div>  
@endif

@php
$divorsed_tg = "style='display:none;'";
if($hv_data->marital_status == "Divorced") { $divorsed_tg = "style='display:block;'"; }
@endphp

@if($hv_data->divorsed_country == null)
<div class="col-md-4"  id="divorse_country_{{$hv_data->id}}">
  <div class="form-group mb-4">
    <label class="d-block mb-2">Divorsed certificate issued place</label>
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="divorsed_countryi_{{$hv_data->id}}" @if($hv_data->divorsed_country == 'india') checked @endif onchange="dboard_sv_radio_data(this,'divorsed_country');" name="divorsed_country_{{$hv_data->id}}" value="india"> <label for="hv_ociyes"  class="mb-0">India</label></li>
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="divorsed_countryf_{{$hv_data->id}}" @if($hv_data->divorsed_country == 'foreign') checked @endif onchange="dboard_sv_radio_data(this,'divorsed_country');" name="divorsed_country_{{$hv_data->id}}" value="foreign"><label for="hv_ocino" id="hv_ocicard_err" class="mb-0">Foreign</label></li>  
    </ul>
  </div>
</div>
@endif

@if($hv_data->marriage_cert_issued == null)
<div class="col-md-4" @if($hv_data->marital_status == 'Married') style="display:block;" @else style="display:none;" @endif id="marg_cerficate_issue_{{$hv_data->id}}">
  <div class="form-group mb-4">
    <label class="d-block mb-2">Marriage certificate issued place</label> 
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="marriage_cert_issuedi_{{$hv_data->id}}" @if($hv_data->marriage_cert_issued == 'india') checked @endif onchange="dboard_sv_radio_data(this,'marriage_cert_issued');" name="marriage_cert_issued_{{$hv_data->id}}" value="india"> <label for="hv_ociyes"  class="mb-0">India</label></li>
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="marriage_cert_issuedf_{{$hv_data->id}}" @if($hv_data->marriage_cert_issued == 'foreign') checked @endif onchange="dboard_sv_radio_data(this,'marriage_cert_issued');" name="marriage_cert_issued_{{$hv_data->id}}" value="foreign"><label for="hv_ocino" id="hv_ocicard_err" class="mb-0">Foreign</label></li>  
    </ul>
  </div>
</div>                     
@endif

@if($hv_data->adult_status == null)
<div class="col-md-4" @if($service_detail->slug == "oci-card-for-minors" or $hv_data->adult_status == "minor") style="display:none;" @else style="display:block;" @endif>
  <div class="form-group">
    <label class="d-block mb-2">Employment Status</label>
    <ul class="d-flex align-items-center justify-content-start gap-5">
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="employedyes_{{$hv_data->id}}" @if($hv_data->employed_status == 'employed') checked @endif onchange="dboard_sv_radio_data(this,'employed_status');" name="employed_status_{{$hv_data->id}}" value="employed"> <label for="hv_ociyes"  class="mb-0">Employed</label></li>
      <li class="d-flex align-items-center justify-content-start gap-2"><input type="radio" id="employedno_{{$hv_data->id}}" @if($hv_data->employed_status == 'unemployed') checked @endif onchange="dboard_sv_radio_data(this,'employed_status');" name="employed_status_{{$hv_data->id}}" value="unemployed"><label for="hv_ocino" id="hv_ocicard_err_{{$hv_data->id}}" class="mb-0">Unemployed</label></li>  
    </ul>
  </div>
</div>
@endif
@if($hv_data->occupation == null)
<div class="col-md-4 mt-3" @if($hv_data->employed_status == "unemployed" or $hv_data->employed_status == null) style="display:none;" @endif id="his_occu_{{$hv_data->id}}">
  <div class="form-floating">
    <select name="occupation" id="occupation_{{$hv_data->id}}" onchange="dboard_nw_fn_ocipersonal(this);" class="form-select select2"> 
      <option value="">Select occupation</option>
      @foreach($occupations as $key => $val)
        <option value="{{$key}}" @if($hv_data->occupation == $key) selected @endif>{{$val}}</option>
      @endforeach
    </select>
    <label>Occupation of the applicant</label>
  </div>
</div>
@endif
@if($hv_data->name_of_employer == null)
<div class="col-md-4" @if($hv_data->employed_status == "unemployed" or $hv_data->occupation == "House wife" or $hv_data->employed_status == null) style="display:none;" @endif id="emp_nm_{{$hv_data->id}}">
  <div class="form-floating">
    <input type="text" name="name_of_employer" id="name_of_employer_{{$hv_data->id}}"  value="{{$hv_data->name_of_employer}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Enter Name" >
    <label>Name of the employer</label>
  </div>
</div>
@endif
@if($hv_data->address_of_employer == null)
<div class="col-md-4" @if($hv_data->employed_status == "unemployed" or $hv_data->occupation == "House wife" or $hv_data->employed_status == null) style="display:none;" @endif  id="emp_addr_{{$hv_data->id}}">
  <div class="form-floating">
    <input type="text" name="address_of_employer" id="address_of_employer_{{$hv_data->id}}" value="{{$hv_data->address_of_employer}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Enter Name" >
    <label>Address of the employer</label>
  </div>
</div>
@endif
@if($hv_data->employer_contact_no == null)
<div class="col-md-4" @if($hv_data->employed_status == "unemployed" or $hv_data->occupation == "House wife" or $hv_data->employed_status == null) style="display:none;" @endif  id="emp_contact_{{$hv_data->id}}">
  <div class="form-floating">
    <input type="text" name="employer_contact_no" id="employer_contact_no_{{$hv_data->id}}" value="{{$hv_data->employer_contact_no}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Enter Name" >
    <label>Contact Number of employer</label> 
  </div>
</div>

@endif

@if($hv_data->visited_india == null)
<div class="col-md-4" >
  <div class="form-floating">
    <input type="text" name="visited_india" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->visited_india}}" id="visited_india_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Name of relative in India"> 
    <label for="visited_india">Places to be visited in India</label>
  </div>
</div>
@endif

@if($hv_data->country_visited_5years == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="country_visited_5years" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->country_visited_5years}}" id="country_visited_5years_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Address of relative in India" >
    <label for="country_visited_5years">Name of Countries visited in last 5 years</label> 
  </div>
</div>
@endif

<div class="col-md-12">
  <hr>
  <div class="mini_title mb-2">Reference person details of India</div>
</div>

@if($hv_data->ref_india_name == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_india_name" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_india_name}}" id="ref_india_name_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person name" >
    <label for="ref_india_name">Reference person name</label> 
  </div>
</div>
@endif

@if($hv_data->ref_india_address == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_india_address" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_india_address}}" id="ref_india_address_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person address" >
    <label for="ref_india_address">Reference person address</label> 
  </div>
</div>
@endif

@if($hv_data->ref_india_phone == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_india_phone" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_india_phone}}" id="ref_india_phone_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person number" >
    <label for="ref_india_phone">Reference person number</label> 
  </div>
</div>
@endif

<div class="col-md-12">
  <hr>
  <div class="mini_title">Reference in residence country</div>
</div>

@if($hv_data->ref_home_name == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_home_name" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_home_name}}" id="ref_home_name_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person name" >
    <label for="ref_home_name">Reference person name</label> 
  </div>
</div>
@endif

@if($hv_data->ref_home_address == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_home_address" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_home_address}}" id="ref_home_address_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person address" >
    <label for="ref_home_address">Reference person address</label> 
  </div>
</div>
@endif

@if($hv_data->ref_home_phone == null)
<div class="col-md-4">
  <div class="form-floating">
    <input type="text" name="ref_home_phone" onblur="dboard_nw_fn_ocipersonal(this);" value="{{$hv_data->ref_home_phone}}" id="ref_home_phone_{{$hv_data->id}}" maxlength="200" class="form-control" placeholder="Reference person number" >
    <label for="ref_home_phone">Reference person number</label> 
  </div>
</div>@endif