@extends('layouts.app')
@section('css')
<style>
   .m-portlet__head-text{
   display: table-cell;
   vertical-align: middle;
   font-size: 1.3rem;
   font-weight: 500;
   font-family: Roboto;
   }
   .m-form .m-form__section.m-form__section--first, .m-form .m-form__section:first-child {
   margin-top: 40px!important;
   }
   .m-form.m-form--group-seperator-dashed .m-form__group {
   border-bottom: 0px!important;
   }
   .form-control{
   border: 1px solid #E6E7E8!important;
   overflow: hidden!important;
   border-radius: .40rem!important;
   font-family: sans-serif,Arial!important; 
   color: #575962!important;  
   font-size: 1rem!important;
   line-height: 1.25!important;
   background-color: #fff!important;
   }
   .form-control:focus,
   .form-control:active{
   border-color: #3273dc!important;;
   box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25)!important;
   }
   .m-form .m-form__heading .m-form__heading-title {
   color: #716aca;
   font-weight: 500;
   font-size: 1.3rem;
   }
.placeitrighthandside{
text-align: right;
}
.hidethis{
display:none;
}
 

   .tablebutton{
   font-family:'Myriad Pro';
   font-weight: normal;   
   font-size: 15px;
   }
   #padamsmartsewa{
   font-size: 24px;
   background-color:white;
   border-color: white;
   color: white;
   border: 0px solid white; 
   }

  
   .labelwarning{
   color: red!important;
   font-size: 13px!important;
   font-family:'Myriad Pro'!important;
   font-weight: normal!important;  
   }
   /*Tooltip popup on mouse hover*/
   .tooltip {
   position: relative !important;
   display: inline-block !important;
   border-bottom: 0px dotted black;
   opacity:1 !important;
   }
   /* Position the tooltip */
   .tooltip .tooltiptext {
   visibility: hidden!important;
   width:700%!important;
   margin-left: -60px!important;
   background-color: #eee!important;
   color: black!important;
   text-align: left!important;
   border-radius: 0px!important;
   border-color: #E6E7E8!important;
   padding: 0px 0px!important;
   opacity: 1!important;;
   transition: opacity 1s!important;
   border-top-width: 0px!important;
   border-top-style: solid!important;
   border-bottom-width: 0px!important;
   border-bottom-style: solid!important;
   border-right-width: 0px!important;
   border-right-style: solid!important;
   border-left-width: 0px!important;
   border-left-style: solid!important;
   position: absolute!important;
   z-index: 1!important;
   top: -557px!important;
   }
   .tooltip:hover .tooltiptext {
   visibility: visible!important;
   opacity: 1!important;
   }
   /* tooltip arrow position*/
   .tooltip .tooltiptext::after {
   content: ""!important;
   position: absolute!important;
   top: 101%!important;
   right: 91.8%!important;
   margin-top: -5px!important;
   border-width: 13px!important;
   border-style: solid!important;
   border-color: black transparent transparent transparent!important;
   }
   h5{
   background-image: url("Information-icon2.png")!important;
   background-repeat: no-repeat!important;
   background-position: right!important;
   padding-right: 40px!important;
   margin-bottom: 5px !important;
   display: inline-block!important;
   }
   th {
   border: 2px solid #BCBEC0!important;
   border-collapse: collapse!important;
   background-color: #414042;
   color: white;
   padding: 10px;
   font-family:'Myriad Pro';
   font-weight: normal;
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 16px;
   }
   #tool {
   border: 2px solid #BCBEC0; 
   border-collapse: collapse;
   text-align: left;
   font-family:'Myriad Pro';
   font-weight: normal;
   padding: 5px !important;
   background-color: white;
   margin-top: 5px;
   margin-bottom: 5px;
   }
</style>
@endsection
@section('content')
<form class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed">
   <div class="m-content">
      <div class="row">
         <div class="col-lg-12">
            <!--begin::Portlet-->
            <div class="m-portlet">
               <div class="m-portlet__head" >
                  <div class="m-portlet__head-caption">
                     <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                        <i class="la la-gear"></i>
                        </span>
                        <h3 id="blueprint" class="m-portlet__head-text"  >
                           BLUE PRINT
                        </h3>
                     </div>
                  </div>
               </div>
               <!--begin::Form-->
               <div class="m-portlet__body">
                  <div class="m-form__section m-form__section--middle maklumatpemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatpemohon" class="m-form__heading-title">
                           Maklumat Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namapemohon" name="namapemohon" placeholder="Sila masukan nama">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Rumah:
                        </label>
                        <div class="col-lg-4">
                           <select id="jenisrumah" name="jenisrumah" class="form-control m-input"  onchange="getJenisRumah($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis rumah</option>
                              <option value="Teres">Teres</option>
                              <option value="Pangsapuri">Pangsapuri</option>
                              <option value="Lot Persendirian">Lot Persendirian</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No.Kad Pengenalan / No.Polis / No.Tentera:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="m-input" id="ic_type" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" onchange="getIc($(this).val())">
                              <option value="1">No. K/P</option>
                              <option value="2">No. Tentera</option>
                              <option value="3">No. Polis</option>
                           </select>
                           <input type="text" class="form-control m-input" id="nokadpengenalanpemohon" name="nokadpengenalanpemohon" placeholder="Sila masukan no kad pengenalan" value="" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Pemilikan Kediaman:
                        </label>
                        <div class="col-lg-4">
                           <select id="statuspemilikankediaman" class="form-control m-input" onchange="getStatusPemilikanRumah($(this).val())">
                              <option value="" hidden selected>Sila pilih status pemilikan kediaman</option>
                              <option value="Rumah Sendiri">Rumah Sendiri</option>
                              <option value="Rumah Sewa">Rumah Sewa</option>
                              <option value="Rumah Pusaka">Rumah Pusaka</option>
                              <option value="Lain-Lain">Lain-lain</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jantina:
                        </label>
                        <div class="col-lg-4">
                           <div class="m-radio-list">
                              <label class="m-radio m-radio--solid m-radio--brand">
                              <input type="radio" name="inputlelakiperempuan" id="lelaki" value="lelaki">
                              Lelaki
                              <span></span>
                              </label>
                              <label class="m-radio m-radio--solid m-radio--brand">
                              <input type="radio" name="inputlelakiperempuan" id="perempuan" value="perempuan">
                              Perempuan
                              <span></span>
                              </label>
                           </div>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Perkahwinan:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="statusperkahwinan" name="statusperkahwinan" onchange="getStatusPerkahwinan($(this).val())">
                              <option value="" hidden selected>Sila pilih status perkahwinan</option>
                              <option value="Bujang">Bujang</option>
                              <option value="Berkahwin">Berkahwin</option>
                              <option value="Duda/Janda">Duda/Janda</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emelpemohon" name="emelpemohon" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bulanan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="pendapatanbulananpemohon" name="pendapatanbulananpemohon" value="" placeholder="Sila masukan pendapatan bulanan" oninput="total()">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tarikh Lahir:
                        </label>
                        <div class="col-lg-4">
                           <input type="date" data-date="" id="tarikhlahirpemohon" name="tarikhlahirpemohon" class="form-control m-input" data-date-format="MM DD YYYY">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonbimbitpemohon" name="notelefonbimbitpemohon" placeholder="Sila masukan no telefon bimbit">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempat Lahir:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="tempatlahirpemohon" name="tempatlahirpemohon" placeholder="Sila masukan tempat lahir">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpemohon" name="notelefonrumahpemohon" placeholder="Sila masukan no telefon rumah">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tahap Kesihatan:
                        </label>
                        <div class="col-lg-4">
                           <select id="tahapkesihatan" name="tahapkesihatan"  class="form-control m-input" onchange="getTahapKesihatan($(this).val())">
                              <option value="" hidden selected>Sila pilih tahap kesihatan</option>
                              <option value="Sihat">Sihat</option>
                              <option value="OKU">OKU</option>
                              <option value="Sakit Kronik">Sakit Kronik</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Mastautin(Tahun):
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="tempohmastautin" name="tempohmastautin" placeholder="Sila masukan tempoh mastautin">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpasangan hidethis"></div>
                  <div class="m-form__section m-form__section--middle maklumatpasangan hidethis">
                     <div class="m-form__heading">
                        <h3 id="maklumatpasangan" name="maklumatpasangan" class="m-form__heading-title">
                           Maklumat Pasangan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumatpasangantable" name="maklumatpasangantable" class="table order table-responsive">
                              <thead  >
                                 <tr>
                                    <td class="col-lg-3" id="namapenuhpasangan">Name Penuh</td>
                                    <td class="col-lg-3" id="nokadpengenalanpasangan">No Kad Pengenalan</td>
                                    <td class="col-lg-1" id="umurpasangan">Umur</td>
                                    <td class="col-lg-3" id="tahapkesihatanpasangan">Tahap Kesihatan</td>
                                    <td class="col-lg-1" id="rowinputemptyrow"><input id="padamsmartsewa"  type="button" class="ibtnDel btn btn-md btn-danger" value="Padam" disabled></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow">
                                 <tr>
                                    <td class="col-lg-3" id="rowinputnamapenuhpasangan" ><input id="inputnamapenuhpasangan" name="inputnamapenuhpasangan" type="text" class="form-control m-input"/></td>
                                    <td class="col-lg-3" id="rowinputnokadpengenalanpasangan"><input id="inputnokadpengenalanpasangan" name="inputnokadpengenalanpasangan" type="text" class="form-control m-input"/></td>
                                    <td class="col-lg-1" id="rowinputumurpasangan"><input id="inputumurpasangan" name="inputumurpasangan" type="text" class="form-control m-input"/></td>
                                    <td class="col-lg-3" id="rowinputtahapkesihatanpasangan">
                                       <select id="tahapkesihatanpasangan" name="tahapkesihatanpasangan"  class="form-control m-input" onchange="getTahapKesihatan($(this).val())">
                                          <option value="" hidden selected>Sila pilih tahap kesihatan</option>
                                          <option value="Sihat">Sihat</option>
                                          <option value="OKU">OKU</option>
                                          <option value="Sakit Kronik">Sakit Kronik</option>
                                       </select>
                                    </td>
                                    <td class="col-lg-1" id="rowinputemptyrow" ><div id="padammaklumatpasangan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatpasangan" name="padammaklumatpasangan" class="tablebutton">Padam</span></span></div> </td>
                                 </tr>
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumatpasangan" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"><span><i class="la la-plus"></i><span id="tambahmaklumatpasangan" name="tambahmaklumatpasangan" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumattempattinggal"></div>
                  <div class="m-form__section m-form__section--middle maklumattempattinggal">
                     <div class="m-form__heading">
                        <h3  id="maklumattempattinggal" class="m-form__heading-title">
                           Maklumat Tempat Tinggal:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_1" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod" name="poskod" placeholder="Sila masukan poskod">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_2" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Daerah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="daerah" placeholder="Sila masukan daerah">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_3" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="negeri" name="negeri">
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Johor">Johor</option>
                              <option value="Kedah">Kedah</option>
                              <option value="Kelantan">Kelantan</option>
                              <option value="Melaka">Melaka</option>
                              <option value="Negeri Sembilan">Negeri Sembilan</option>
                              <option value="Pahang">Pahang</option>
                              <option value="Penang">Penang</option>
                              <option value="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan">W.P. Labuan</option>
                              <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Bandar:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="bandar" name="bandar" placeholder="Sila masukan bandar">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpemohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatpendapatanpemohon" class="m-form__heading-title">
                           Maklumat Pendapatan Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                           <select id="ddljenispekerjaanpemohon"  class="form-control m-input" onchange="getJenisPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Sektor Kerajaan">Sektor Kerajaan</option>
                              <option value="Sektor Swasta">Sektor Swasta</option>
                              <option value="Bekerja Sendiri">Bekerja Sendiri</option>
                              <option value="Pesara">Pesara</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pekerjaan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="pekerjaanpemohon" name="pekerjaanpemohon" placeholder="Sila masukan pekerjaan" >
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Perniagaan/ Perusahaan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="jenisperniagaaperusahaanpemohon" name="jenisperniagaanperusahaanpemohon" placeholder="Sila masukan jenis perniagaan / perusahaan" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlahpendapatanpemohon" name="jumlahpendapatanpemohon" value="" placeholder="Sila masukan jumlah pendapatan" oninput="total()">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Majikan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namamajikanpemohon" name="namamajikanpemohon" placeholder="Sila masukan nama majikan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Majikan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonmajikanpemohon" name="notelefonmajikanpemohon" placeholder="Sila masukan no telefon majikan">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpasangan hidethis"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpasangan hidethis">
                     <div class="m-form__heading">
                        <h3 id="maklumatpendapatanpasangan" class="m-form__heading-title">
                           Maklumat Pendapatan Pasangan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                           <select id="jenispekerjaanpasangan" name="jenispekerjaanpasangan" class="form-control m-input" onchange="getJenisPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Sektor Kerajaan">Sektor Kerajaan</option>
                              <option value="Sektor Swasta">Sektor Swasta</option>
                              <option value="Bekerja Sendiri">Bekerja Sendiri</option>
                              <option value="Pesara">Pesara</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pekerjaan:      
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="pekerjaanpasangan" name="pekerjaanpasangan" placeholder="Sila masukan pekerjaan" >
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Perniagaan/ Perusahaan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="jenisperniagaapperusahaanpasangan" name="jenisperniagaanperusahaanpasangan" placeholder="Sila masukan jenis perniagaan / perusahaan" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlahpendapatanpasangan" name="jumlahpendapatanpasangan" value="" placeholder="Sila masukan jumlah pendapatan" oninput="total()">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Majikan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namamajikanpasangan" name="namamajikanpasangan" placeholder="Sila masukan nama majikan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Majikan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonmajikanpasangan" name="notelefonmajikanpasangan" placeholder="Sila masukan no telefon majikan">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumattanggunggan hidethis"></div>
                  <div class="m-form__section m-form__section--middle maklumattanggunggan hidethis">
                     <div class="m-form__heading">
                        <h3 id="maklumattanggunggan" class="m-form__heading-title">
                           MAKLUMAT TANGGUNGAN / ANAK<small><i><b>(yang tingal bersama sahaja)</b></i></small>
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumattanggungantable" name="maklumattanggungantable" class="table order table-responsive" >
                              <thead  >
                                 <tr>
                                    <td class="col-lg-3" id="namapenuh">Nama Penuh</td>
                                    <td class="col-lg-2" id="nokp/sjilkelahiran">No KP/Sijil Kelahiran</td>
                                    <td class="col-lg-1" id="umur">Umur</td>
                                    <td class="col-lg-2" id="hubungan">Hubungan</td>
                                    <td class="col-lg-2" id="tarafpendidikan">Taraf Pendidikan</td>
                                    <td class="col-lg-2" id="pendapatanbulananjikaada" >Pendapatan Bulanan(jika ada)</td>
                                    <td class="col-lg-1" id="rowinputemptyrow" ><input id="padamsmartsewa"  type="button" class="ibtnDel btn btn-md btn-danger" value="Padam" disabled></label></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow2">
                                
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumattanggungan" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"><span><i class="la la-plus"></i><span id="tambahmaklumattanggungan" name="tambahmaklumattanggungan" class="tablebutton" >Tambah</span></span></div>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Pendapatan Tanggunggan/Anak:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlahpendapatantanggunggananak" name="jumlahpendapatantanggunggananak" value="" placeholder="Sila masukan jumlah pendapatan tangunggan / anak" oninput="total()">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed jumlahpendapatankeseluruhanisirumah"></div>
                  <div class="m-form__section m-form__section--middle jumlahpendapatankeseluruhanisirumah">
                     <div class="m-form__heading">
                        <h3 id="jumlahpendapatankeseluruhanisirumah" name="jumlahpendapatankeseluruhanisirumah" class="m-form__heading-title">
                           Jumlah Pendapatan Keseluruhan Isi Rumah
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlahpendapatanpasangan" name="jumlahpendapatanpasangan" value="" placeholder="Sila masukan jumlah pendapatan" oninput="total()">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatbantuanperalatan"></div>
                  <div class="m-form__section m-form__section--middle maklumatbantuanperalatan">
                     <div class="m-form__heading">
                        <h3 id="maklumatbantuanperalatan" name="maklumatbantuanperalatan" class="m-form__heading-title">
                           MAKLUMAT BANTUAN PERALATAN/MESIN SEDIA ADA(jika berkaitan sahaja)
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumatbantuanperalatantable" name="maklumatbantuanperalatantable" class="table order" >
                              <thead  >
                                 <tr>
                                    <td class="col-lg-3" id="namabantuanperalatan">Nama bantuan peralatan/mesin sedia ada yang pernah diterima</td>
                                    <td class="col-lg-3" id="namajabatanagensi">Nama Jabatan/Agensi pemberi bantuan</td>
                                    <td class="col-lg-3" id="tarikhterimabantuan">Tarikh terima bantuan</td>
                                    <td class="col-lg-3" id="keadaanperalatanmesin">Keadaan peralatan/mesin</td>
                                    <td class="col-lg-3" id="tahappenggunaanperalatan">Tahap penggunaan peralatan/mesin</td>
                                    <td class="col-lg-1" id="rowinputemptyrow"><input id="padamsmartsewa"  type="button" class="ibtnDel btn btn-md btn-danger" value="Padam" disabled></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow3">
                                 <tr>
                                    <td id="rowinputnamabantuanperalatan"><input id="inputnamabantuanperalatan" name="inputnamabantuanperalatan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputnamajabatanagensi"><input id="inputnamajabatanagensi" name="inputnamajabatanagensi[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputtarikhterimabantuan"><input id="inputtarikhterimabantuan" name="inputtarikhterimabantuan[]" type="date" class="form-control m-input"  data-date="" data-date-format="MM DD YYYY" name="Calendar"></td>
                                    <td id="rowkeadaanperalatanmesin">
                                       <select id="keadaanperalatanmesin" name="keadaanperalatanmesin[]"  class="form-control m-input" onchange="getKeadaanPeralatanMesin($(this).val())">
                                          <option value="" hidden selected>Keadaan Peralatan Mesin</option>
                                          <option value="Masih Baik">Masih Baik</option>
                                          <option value="Telah Rosak">Telah Rosak</option>
                                          <option value="Telah Hilang">Telah Hilang</option>
                                       </select>
                                    </td>
                                    <td id="rowtahappenggunaanperalatan">
                                       <select id="tahappenggunaanperalatan" name="tahappenggunaanperalatan[]"  class="form-control m-input" onchange="getTahapPenggunaanPeralatan($(this).val())">
                                          <option value="" hidden selected>Sila pilih tahap penggunaan peralatan</option>
                                          <option value="Tidak Digunakan Lagi">Tidak Digunakan Lagi</option>
                                          <option value="Digunakan Secara Bermusim">Digunakan Secara Bermusim</option>
                                          <option value="Sentiasa Digunapakai">Sentiasa Digunapakai</option>
                                       </select>
                                    </td>
                                    <td id="rowinputemptyrow"> <div id="padammaklumatbantuanperalatan"class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatbantuanperalatan" name="padammaklumatbantuanperalatan" class="tablebutton">Padam</span></span></div></td>
                                 </tr>
                              </tbody>
                              <tfoot>
                                 <tr class="col-lg-12">
                                    <td id="catatan" >Catatan
                                       <input id="inputcatatan" type="text" class="form-control m-input"/>
                                    </td>
                                 </tr>
                              </tfoot>
                           </table>
                           <br/>
                           <div id="tambahmaklumatbantuanperalatan" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"><span><i class="la la-plus"></i><span id="tambahmaklumatbantuanperalatan" name="tambahmaklumatbantuanperalatan" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatperalatanyangdipohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatperalatanyangdipohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatperalatanyangdipohon" class="m-form__heading-title">
                           MAKLUMAT PERALATAN/MESIN YANG DIPOHON 
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumatperalatanyangdipohontable" class="table order table-responsive" >
                              <thead  >
                                 <tr>
                                    <td class="col-lg-3" id="namaperalatan">Nama peralatan/mesin sedia ada yang pernah dipohon</td>
                                    <td class="col-lg-3" id="jenamajenisperalatan">Jenama/Jenis Peralatan/mesin</td>
                                    <td class="col-lg-3" id="saizkapasitiperalatan" >Saiz/Kapasiti peralatan/mesin</td>
                                    <td class="col-lg-2" id="anggarankosperalatanmesin">Anggaran kos peralatan/mesin(termasuk 6%GST)</td>
                                    <td class="col-lg-1" id="gambarperalatanmesindipohon">Gambar peralatan/mesin yang dipohon</td>
                                    <td class="col-lg-1" id="rowinputemptyrow"><input id="padamsmartsewa"  type="button" class="ibtnDel btn btn-md btn-danger" value="Padam" disabled><label class="labelwarning" id="xyz"></label></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow4">
                                 <tr>
                                    <td id="rowinputnamaperalatan"><input id="inputnamaperalatan" name="inputnamaperalatan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputjenamajenisperalatan"><input id="inputjenamajenisperalatan" name="inputjenamajenisperalatan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputsaizkapasitiperalatan"><input id="inputsaizkapasitiperalatan" name="inputsaizkapasitiperalatan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputanggarankosperalatanmesin"><input id="inputanggarankosperalatanmesin" name="inputanggarankosperalatanmesin[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowmuatnaikmaklumatperalatanyangdipohon"><button  id="muatnaikmaklumatperalatanyangdipohon" name="muatnaikmaklumatperalatanyangdipohon[]" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>
                                    <td id="rowpadammaklumatperalatanyangdipohon"><div id="padammaklumatperalatanyangdipohon" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatperalatanyangdipohon" name="padammaklumatperalatanyangdipohon" class="tablebutton">Padam</span></span></div> </td>
                                 </tr>
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumatperalatanyangdipohon" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"><span><i class="la la-plus"></i><span id="tambahmaklumatperalatanyangdipohontable" name="tambahmaklumatperalatanyangdipohon" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatperniagaanperusahaan"></div>
                  <div class="m-form__section m-form__section--last maklumatperniagaanperusahaan">
                     <div class="m-form__heading">
                        <h3 id="maklumatperalatanyangdipohon" class="m-form__heading-title">
                           MAKLUMAT PERNIAGAAN/PERUSAHAAN 
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumatperniagaanperusahaantable" class="table order" >
                              <thead  >
                                 <tr>
                                    <td class="col-lg-3" id="jenisperniagaan">Jenis Perniagaan</td>
                                    <td class="col-lg-2" id="tempohperniagaanperusahaan">Tempoh perniagaan/perusahaan(tahun)</td>
                                    <td class="col-lg-3" id="tahapkeaktifanperniagaanperusahaan">Tahap keaftifan perniagaan perusahaan</td>
                                    <td class="col-lg-3" id="dokumenperniagaan">Dokumen perniagaan(jika berkaitan sahaja)</td>
                                    <td class="col-lg-1" id="uploadgambarperniagaanperusahaan">Gambar perniagaan/perusahaan</td>
                                    <td class="col-lg-1" id="rowinputemptyrow"><input id="padamsmartsewa"  type="button" class="ibtnDel btn btn-md btn-danger" value="Padam" disabled><label class="labelwarning" id="xyz"></label></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow5">
                                 <tr>
                                    <td id="rowinputjenisperniagaan" ><input id="inputjenisperniagaan" name="inputjenisperniagaan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputtempohperniagaanperusahaan" ><input id="inputtempohperniagaanperusahaan" name="inputtempohperniagaanperusahaan[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputtahapkeaktifanperniagaanperusahaan" >
                                       <select id="tahapkeaktifanperniagaanperusahaan" name="tahapkeaktifanperniagaanperusahaan[]" class="form-control m-input"  onchange="getTahapeaktifanperniagaanperusahaan($(this).val())">
                                          <option value="" hidden selected>Tahap Penggunaan Peralatan</option>
                                          <option value="Sepenuh Masa">Sepenuh Masa</option>
                                          <option value="Separa Masa">Separa Masa</option>
                                          <option value="Bergantung Kepada Permintaan">Bergantung Kepada Permintaan</option>
                                       </select>
                                    </td>
                                    <td id="rowinputdokumenperniagaan" >
                                       <select id="dokumenperniagaan" name="dokumenperniagaan[]" class="form-control m-input"  onchange="getDokumenPerniagaan($(this).val())">
                                          <option value="" hidden selected>Dokumen Perniagaan</option>
                                          <option value="Sijil Suruhanjaya Syarikat Malaysia">Sijil Suruhanjaya Syarikat Malaysia</option>
                                          <option value="Lesen perniagaan daripada Pihak Berkuasa Tempatan">Lesen perniagaan daripada Pihak Berkuasa Tempatan</option>
                                          <option value="Surat kelulusan daripada Jabatan Kesihatan Negeri Selangor">Surat kelulusan daripada Jabatan Kesihatan Negeri Selangor</option>
                                       </select>
                                    </td>
                                    <td id="rowinputuploadgambarperniagaanperusahaan" >
                                       <select id="uploadgambarperniagaanperusahaan" name="uploadgambarperniagaanperusahaan[]" class="form-control m-input"  onchange="getGambarPerniagaanPerusahaan($(this).val())">
                                          <option value="" hidden selected>Tahap Penggunaan Peralatan</option>
                                          <option value="Rumah Perniagaan">Rumah Pemohon</option>
                                          <option value="Premis Perniagaan">Premis Perniagaan</option>
                                          <option value="Aktiviti Perniagaan">Aktiviti Perniagaan</option>
                                          <option value="Produk">Produk</option>
                                       </select>
                                    </td>
                                    <td id="rowinputemptyrow" >
                                       <div id="padammaklumatperniagaanperusahaan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatperniagaanperusahaan" name="padammaklumatperniagaanperusahaan" class="tablebutton">Padam</span></span></div>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumatperniagaanperusahaan" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"><span><i class="la la-plus"></i><span id="tambahmaklumatperniagaanperusahaan" name="tambahmaklumatperniagaanperusahaan" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</form>
@endsection
@section('js')
<script src="../../../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
<script src="../../../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
<script>
   $(document).ready(function(){
           $('#statusperkahwinan').on('change', function() {
             if ( this.value == 'Berkahwin')
             {
               $(".maklumatpasangan, .maklumattanggunggan, .maklumatpendapatanpasangan").show('slow');

               $('#maklumattanggungantable tbody tr').hide();
               
               $('#inputnamapenuh, #nokp/sijilkelahiran, #inputnokadpengenalan, #inputumur, #tarafpendidikan, #inputpendapatanbulananjikaada').val(''); 
           
               $("#maklumatpasangantable tbody tr, #maklumatpasangantable thead tr, #maklumatpasangantable").show();

            
             
             }
             else if  (this.value == 'Duda/Janda') 
             {
               $(".maklumatpasangan").hide('slow');
               $('#ldbodyrow tr:gt(0)').remove();
               $('#inputnamapenuhpasangan, #inputnokadpengenalanpasangan, #inputumurpasangan, #tahapkesihatanpasangan').val('');

               $(".maklumattanggunggan").show('slow');
               $('#maklumattanggungantable tbody tr').remove();
               $('#inputnamapenuh, #nokp/sijilkelahiran, #inputnokadpengenalan, #inputumur, #tarafpendidikan, #inputpendapatanbulananjikaada').val(''); 

               $(".maklumatpendapatanpasangan").hide('slow'); 
               $('#jenispekerjaanpasangan, #pekerjaanpasangan, #jenisperniagaapperusahaanpasangan, #jumlahpendapatanpasangan, #namamajikanpasangan, #notelefonmajikanpasangan').val('');

               $("#maklumatpasangantable thead tr").hide();
               $('#maklumatpasangantable').hide();      
             }
             else 
             {
               $(".maklumatpasangan").hide('slow');
               $('#ldbodyrow tr:gt(0)').remove();
               $('#inputnamapenuhpasangan, #inputnokadpengenalanpasangan, #inputumurpasangan, #tahapkesihatanpasangan').val('');

               $(".maklumattanggunggan").hide('slow');
               $('#maklumattanggungantable tbody').remove();
               $('#inputnamapenuh, #nokp/sijilkelahiran, #inputnokadpengenalan, #inputumur, #tarafpendidikan, #inputpendapatanbulananjikaada').val(''); 

               $(".maklumatpendapatanpasangan").hide('slow'); 
               $('#jenispekerjaanpasangan, #pekerjaanpasangan, #jenisperniagaapperusahaanpasangan, #jumlahpendapatanpasangan, #namamajikanpasangan, #notelefonmajikanpasangan').val('');

              
               $("#maklumatpasangantable thead tr").hide();
               $('#maklumatpasangantable').hide();
             }
            
           });
       });
    
       function checkEmail(x) {
       var email_format = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   
           x.next().remove();
               
           if(x.val().match(email_format)) {
                   x.next().remove();
               } else if(x.val() == '') {
                   x.next().remove();
               } else {
                   x.after("<small style='color: #f4516c'>Sila masukkan format emel yang betul.</small>");
                   x.focus();
               }
           }
           $("#pendapatanbulananpemohon,#jumlahpendapatanpemohon,#jumlahpendapatanpasangan,#jumlahpendapatantanggunggananak").inputmask({mask: "9999999",placeholder: ""});

           $('#notelefonbimbitpasangan, #notelefonmajikanpemohon, #notelefonmajikanpasangan').inputmask('Regex', { regex: "^(01)[0-9]{8,9}$"});
       
           $('#notelefonrumah').inputmask('Regex', { regex: "^(03)[0-9]{8}$"});

           
           $("#tempohmastautin").inputmask({mask: "99", placeholder: ""});

  
      
      
       $(document).ready(function(){
         $("#inputpekerjaanpemohon").on('input',function () {
           var pekerjaanpemohon = $("#inputpekerjaanpemohon").val();
           
       
            if(pekerjaanpemohon.length == 0)
            {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningpekerjaanpemohon').innerHTML = 'Sila nyatakan pekerjaan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningpekerjaanpemohon').innerHTML = '';
           }
         });
       });
   $(document).ready(function(){
         $("#inputjenisperniagaanperusahaanpemohon").on('input',function () {
           var jenisperniagaanperusahaanpemohon = $("#inputjenisperniagaanperusahaanpemohon").val();
           
       
            if(jenisperniagaanperusahaanpemohon.length == 0)
            {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningjenisperniagaanperusahaanpemohon').innerHTML = 'Sila nyatakan jenis perniagaan / perusahaan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningjenisperniagaanperusahaanpemohon').innerHTML = '';
           }
         });
       });
   
   
      
   $(document).ready(function(){
         $("#inputjenisperniagaanperusahaanpemohon").on('input',function () {
           var jenisperniagaanperusahaanpemohon = $("#inputjenisperniagaanperusahaanpemohon").val();
           
       
            if(jenisperniagaanperusahaanpemohon.length == 0)
            {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningjenisperniagaanperusahaanpemohon').innerHTML = 'Sila nyatakan jenis perniagaan / perusahaan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningjenisperniagaanperusahaanpemohon').innerHTML = '';
           }
         });
       });
      
    
       $(document).ready(function(){
         $("#inputnamamajikanpemohon").on('input',function () {
           var namamajikanpemohon = $("#inputnamamajikanpemohon").val();
           
       
            if(namamajikanpemohon.length == 0)
            {
             $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningnamamajikanpemohon').innerHTML = 'Sila nyatakan nama majikan.';
           } 
           else
           {
               $(this).css({background:'url("")'});
               document.getElementById('labelwarningnamamajikanpemohon').innerHTML = '';
           }
         });
       });
   $(document).ready(function(){
         $("#inputpekerjaanpasangan").on('input',function () {
           var pekerjaanpasangan = $("#inputpekerjaanpasangan").val();
           
       
            if(pekerjaanpasangan.length == 0)
            {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningpekerjaanpasangan').innerHTML = 'Sila nyatakan pekerjaan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningpekerjaanpasangan').innerHTML = '';
           }
         });
       });
      
      
   $(document).ready(function(){
         $("#inputnamamajikanpasangan").on('input',function () {
           var namamajikanpasangan = $("#inputnamamajikanpasangan").val();
           
       
            if(namamajikanpasangan.length == 0)
            {
             $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
               $(this).css({background:'url("Warning Icon.png") right no-repeat'});
               document.getElementById('labelwarningnamamajikanpasangan').innerHTML = 'Sila nyatakan nama majikan.';
           } 
           else
           {
               $(this).css({background:'url("")'});
               document.getElementById('labelwarningnamamajikanpasangan').innerHTML = '';
           }
         });
       });
       $(document).ready(function () {
           var counter = 0;
           
   
           $("#tambahmaklumatpasangan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
               
               cols += '<td id="rowinputnamapenuhpasangan"><input id="inputnamapenuhpasangan" name="inputnamapenuhpasangan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputnokadpengenalanpasangan"><input id="inputnokadpengenalanpasangan" name="inputnokadpengenalanpasangan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputumurpasangan"><input id="inputumurpasanganpasangan" name="inputumurpasanganpasangan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowtahapkesihatanpasangan"><select id="tahapkesihatanpasangan"  name="tahapkesihatanpasangan[]"  class="form-control m-input" onchange="getTahapKesihatan($(this).val())"><option value="" hidden selected>Sila pilih tahap kesihatan</option><option value="sihat">Sihat</option><option value="oku">OKU</option><option value="sakitkronik">Sakit Kronik</option></select></td>';
               cols += '<td id="rowinputemptyrow"><div id="padammaklumatpasangan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatpasangan" name="padammaklumatpasangan" class="tablebutton">Padam</span></span></div></td>';
               							
               newRow.append(cols);
               $("#maklumatpasangantable").append(newRow);
               counter++;
         
           });
       });
   
   $(document).ready(function () {
          
    $("#maklumatpasangantable").on("click", "#padammaklumatpasangan", function (event) {
   
     $(this).closest("tr").remove();       
    });
    
   });
   $(document).ready(function () {
           var counter = 0;
           
   
           $("#tambahmaklumattanggungan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
   
        
   
               cols += '<td id="rowinputnamapenuh" ><input id="inputnamapenuh" name="inputnamapenuh[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputnokp/sjilkelahiran" ><select id="nokp/sijilkelahiran"name="nokp/sijilkelahiran[]" class="form-control m-input dropdownlist" ><option selected="selected" class="pilih">Pilih</option><option value="nokp">No.KP</option><option value="nomykid">No.MyKid</option> <option value="sijilkelahiran">Sijil Kelahiran</option>></select></td>';
               cols += '<td id="rowinputumur"><input id="inputumur" name="inputumur[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputhubungan" ><input id="inputhubungan" name="inputhubungan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowtarafpendidikan" ><select id="tarafpendidikan" name="tarafpendidikan[]" class="form-control m-input" onchange="getTarafpendidikan($(this).val())"><option value="" hidden selected>Taraf Pendidikan</option><option value="bekerja">Bekerja</option><option value="ipt">IPT</option><option value="bersekolah">Bersekolah</option><option value="oku">OKU</option></select></td>';
               cols += '<td id="rowinputpendapatanbulananjikaada" ><input id="inputpendapatanbulananjikaada" name="inputpendapatanbulananjikaada[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputemptyrow" ><div id="padammaklumattanggunggan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumattanggunggan" name="padammaklumattanggunggan" class="tablebutton">Padam</span></span></div></td>';
   
   				  	
               newRow.append(cols);
               $("#maklumattanggungantable").append(newRow);
               counter++;
           });
       });
   $(document).ready(function () {
          
    $("#maklumattanggungantable").on("click", "#padammaklumattanggunggan", function (event) {
   
     $(this).closest("tr").remove();       
    });
    
   });
       $(document).ready(function () {
           var counter = 0;
           
   
           $("#tambahmaklumatbantuanperalatan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
   
               cols += '<td id="rowinputnamabantuanperalatan"><input id="inputnamabantuanperalatan" name="inputnamabantuanperalatan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputnamajabatanagensi"><input id="inputnamajabatanagensi" name="inputnamajabatanagensi[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputtarikhterimabantuan"><input  id="inputtarikhterimabantuan"  name="inputtarikhterimabantuan[]" type="date" class="form-control m-input" id="inputtarikhterimabantuan" data-date="" data-date-format="MM DD YYYY" name="Calendar"></td>';
               cols += '<td id="rowkeadaanperalatanmesin"><select id="keadaanperalatanmesin" name="keadaanperalatanmesin[]"  class="form-control m-input" onchange="getKeadaanPeralatanMesin($(this).val())"><option value="" hidden selected>Keadaan Peralatan Mesin</option><option value="Masih Baik">Masih Baik</option><option value="Telah Rosak">Telah Rosak</option><option value="Telah Hilang">Telah Hilang</option> </select></td>';
               cols += '<td id="rowtahappenggunaanperalatan"><select id="tahappenggunaanperalatan" name="tahappenggunaanperalatan[]" class="form-control m-input" onchange="getTahapPenggunaanPeralatan($(this).val())"><option value="" hidden selected>Tahap Penggunaan Peralatan</option><option value="Tidak Digunakan Lagi">Tidak Digunakan Lagi</option><option value="Digunakan Secara Bermusim">Digunakan secara bermusim</option><option value="Sentiasa Digunapakai">Sentiasa Digunapakai</option></select></td>';
               cols += '<td id="rowinputemptyrow"><div id="padammaklumatbantuanperalatan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatbantuanperalatan" name="padammaklumatbantuanperalatan" class="tablebutton">Padam</span></span></div></td>';
   
               newRow.append(cols);
               $("#maklumatbantuanperalatantable").append(newRow);
               counter++;
        
           });
       });
       
   $(document).ready(function () {  
    $("#maklumatbantuanperalatantable").on("click", "#padammaklumatbantuanperalatan", function (event) {
   
     $(this).closest("tr").remove();       
    });
   });
   
   $(document).ready(function () {
           var counter = 0;
           
   
           $("#tambahmaklumatperalatanyangdipohon").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
   
               
   
               cols += '<td id="rowinputnamaperalatan"><input id="inputnamaperalatan" name="inputnamaperalatan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputjenamajenisperalatan"><input id="inputjenamajenisperalatan" name="inputjenamajenisperalatan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputsaizkapasitiperalatan"><input id="inputsaizkapasitiperalatan"  name="inputsaizkapasitiperalatan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputanggarankosperalatanmesin"><input id="inputanggarankosperalatanmesin" name="inputanggarankosperalatanmesin[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowmuatnaikmaklumatperalatanyangdipohon"><button id="muatnaikmaklumatperalatanyangdipohon" name="muatnaikmaklumatperalatanyangdipohon[]" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>';
               cols += '<td id="rowpadammaklumatperalatanyangdipohon"><div id="padammaklumatperalatanyangdipohon" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatperalatanyangdipohon" name="padammaklumatperalatanyangdipohon" class="tablebutton">Padam</span></span></div></td>';
    	
               newRow.append(cols);
               $("#maklumatperalatanyangdipohontable").append(newRow);
               counter++;
          
           });
       });
   $(document).ready(function () {
          
    $("#maklumatperalatanyangdipohontable").on("click", "#padammaklumatperalatanyangdipohon", function (event) {
   
     $(this).closest("tr").remove();       
    });
    
   });
   
   $(document).ready(function () {
           var counter = 0;
           
   
           $("#tambahmaklumatperniagaanperusahaan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
   
   
   
               cols += '<td id="rowinputjenisperniagaan"><input id="inputjenisperniagaan" name="inputjenisperniagaan[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputtempohperniagaanperusahaan"><input id="inputtempohperniagaanperusahaan" name="inputtempohperniagaanperusahaan[]"  type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputtahapkeaktifanperniagaanperusahaan"><select id="tahapkeaktifanperniagaanperusahaan" name="tahapkeaktifanperniagaanperusahaan[]"  class="form-control m-input" onchange="getTahapkeaktifanperniagaanperusahaan($(this).val())"><option value="" hidden selected>Tahap Keaktifan Perniagaan / Perusahaan</option><option value="Sepenuh Masa">Sepenuh Masa</option><option value="Separa Masa">Separa masa</option><option value="Bergantung Kepada Permintaan">Bergantung Kepada Permintaan</option></select></td>';
               cols += '<td id="rowdokumenperniagaan"><select id="dokumenperniagaan" name="inputdokumenperniagaan[]" class="form-control m-input"onchange="getDokumenPerniagaan($(this).val())"><option value="" hidden selected>Dokumen Perniagaan</option><option value="Sijil Suruhanjaya Syarikat Malaysia">Sijil Suruhanjaya Syarikat Malaysia</option> <option value="Lesen perniagaan daripada Pihak Berkuasa Tempatan">Lesen perniagaan daripada Pihak Berkuasa Tempatan</option><option value="Surat kelulusan daripada Jabatan Kesihatan Negeri Selangor">Surat kelulusan daripada Jabatan Kesihatan Negeri Selangor</option></select></td>';
               cols += '<td id="rowuploadgambarperniagaanperusahaan"><select id="uploadgambarperniagaanperusahaan" name="uploadgambarperniagaanperusahaan[]"  class="form-control m-input"  onchange="getGambarPerniagaanPerusahaan($(this).val())"><option value="" hidden selected>Gambar Perniagaan Perusahaa</option><option value="rumahperniagaan">Rumah Pemohon</option><option value="Premis Perniagaan">Premis Perniagaan</option><option value="Aktiviti Perniagaan">Aktiviti Perniagaan</option><option value="Produk">Produk</option></select></td>';
               cols += '<td id="rowinputemptyrow"><div id="padammaklumatperniagaanperusahaan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatperniagaanperusahaan" name="padammaklumatperniagaanperusahaan" class="tablebutton">Padam</span></span></div></td>';
   
       
               newRow.append(cols);
               $("#maklumatperniagaanperusahaantable").append(newRow);
               counter++;
           });
       });
   $(document).ready(function () {
               $("#maklumatperniagaanperusahaantable").on("click", "#padammaklumatperniagaanperusahaan", function (event) {
               $(this).closest("tr").remove();       
            });
          });
            
     
</script>
@endsection