@if($hv_data->distinguishing_mark == null)
<div class="col-md-4">
  <div class="form-group mb-4">
    <label class="w-100 d-block mb-2">Visible distinguishing mark</label> 
    <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">
    
  </div>
</div>
@endif
@if($hv_data->educational_qualification == null)
<div class="col-md-4" >
  <div class="form-group mb-4">
    <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->isthere_nm_change == null)
<div class="col-md-4" >
  <div class="form-group mb-4">
    <label class="d-block mb-2">Do you have any name change?</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="isthere_nm_change_no_{{$hv_data->id}}" name="isthere_nm_change_{{$hv_data->id}}" value="no" onchange="dboard_sv_radio_data(this,'isthere_nm_change');" @if($hv_data->isthere_nm_change == 'no') checked @endif>
        <label for="isthere_nm_change_no_{{$hv_data->id}}" class="mb-0">No</label>
      </li>
      <li class="d-flex align-items-center justify-content-start gap-2">
        <input type="radio" id="isthere_nm_change_yes_{{$hv_data->id}}" name="isthere_nm_change_{{$hv_data->id}}" value="yes" onchange="dboard_sv_radio_data(this,'isthere_nm_change');" @if($hv_data->isthere_nm_change == 'yes') checked @endif>
        <label for="isthere_nm_change_yes_{{$hv_data->id}}" class="mb-0">Yes</label>
      </li>
    </ul>
  </div>
</div>
@endif


@if($hv_data->previous_nm == null)
<div class="col-md-4" id="prev_nm_{{$hv_data->id}}" @if($hv_data->isthere_nm_change == 'yes') style="display:block;" @else style="display:none;" @endif>
  <div class="form-floating mb-4">
    <input type="text" name="previous_nm" id="previous_nm_{{$hv_data->id}}" value="{{$hv_data->previous_nm}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Visible distinguishing mark">
    <label>Previous Name</label> 
  </div>
</div>
@endif

@if($hv_data->employed_status == null)
<div class="col-md-4" @if($hv_data->service->slug == "oci-card-for-minors" or $hv_data->adult_status == "minor") style="display:none;" @else style="display:block;" @endif>
  <div class="form-group mb-4">
    <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" class="mb-0">Unemployed</label></li>  
    </ul>
  </div>
</div>
@endif

@if($hv_data->occupation == null)
<div class="col-md-4" @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 mb-4">
    <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 mb-4">
    <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 mb-4">
    <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 mb-4">
    <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->expect_travel_dt == null)
<div class="col-md-4" id="marital_status_{{$hv_data->id}}" @if($hv_data->service->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->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->emergency_contact_name == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="emergency_contact_name" id="emergency_contact_name_{{$hv_data->id}}" value="{{$hv_data->emergency_contact_name}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Name of emergency contact" >
    <label>Name of emergency contact</label>
  </div>
</div>
@endif

@if($hv_data->emergency_contact_address == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="emergency_contact_address" id="emergency_contact_address_{{$hv_data->id}}" value="{{$hv_data->emergency_contact_address}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Address of emergency contact" >
    <label>Address of emergency contact</label>
  </div>
</div>
@endif

@if($hv_data->emergency_contact_mobile_no == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="emergency_contact_mobile_no" id="emergency_contact_mobile_no_{{$hv_data->id}}" value="{{$hv_data->emergency_contact_mobile_no}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Mobile number of emergency contact" >
    <label>Mobile number of emergency contact</label>
  </div>
</div>
@endif

@if($hv_data->emergency_contact_email == null)
<div class="col-md-4">
  <div class="form-floating mb-4">
    <input type="text" name="emergency_contact_email" id="emergency_contact_email_{{$hv_data->id}}" value="{{$hv_data->emergency_contact_email}}" onblur="dboard_nw_fn_ocipersonal(this);" class="form-control" placeholder="Email of emergency contact" >
    <label>Email of emergency contact</label>
  </div>
</div>
@endif