@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;
   }
.textarearesize{
resize: none;
}
.hidethis{
display:none;
} 
.placeitrighthandside{
text-align: right;
}
 
   .tablebutton{
   font-family:'Myriad Pro';
   font-weight: normal;   
   font-size: 15px;
   }
   .btn-special{
   font-size: 24px;
   color:white;
   background-color: white;
   border: 0px solid white; 
   }

.col-lg-1.tablevisibility,
.col-lg-10.tablevisibility{
border: 2px solid #BCBEC0; 
border-collapse: collapse;  
}
   #rowmuatnaik2,
   #rowpadam2,
   #rowinputdokumenicon{
   padding-bottom: 4px; 
   padding-top: 8px;     
   }
   .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">
            <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="smartsewa"  class="m-portlet__head-text"  >
                           Smart Sewa
                        </h3>
                     </div>
                  </div>
               </div>
               <div class="m-portlet__body">
                  <div class="m-form__section m-form__section--first lokasiskimsmartsewa" >
                     <div class="m-form__heading">
                        <h3 id="lokasiskimsmartsewa" class="m-form__heading-title">
                           Lokasi Skim Smart Sewa:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        Sila pilih lokasi:
                        </label>
                        <div class="col-lg-5">
                           <select id="lokasi" name="lokasi" class="form-control m-input" onchange="getStatus($(this).val())">
                              <option value="" hidden selected>Sila pilih lokasi</option>
                              <option value="BANDAR PARKLAND, KLANG">BANDAR PARKLAND, KLANG</option>
                              <option value="BANDAR BUKIT TINGGI, KLANG">BANDAR BUKIT TINGGI, KLANG</option>
                              <option value="BANDAR KINRARA, PUCHONG">BANDAR KINRARA, PUCHONG</option>
                              <option value="SHAH ALAM, SELANGOR">SHAH ALAM, SELANGOR</option>
                              <option value="BANDAR SETIA ALAM">BANDAR SETIA ALAM</option>
                              <option value="KAJANG, HULU LANGAT">KAJANG, HULU LANGAT</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpemohon"></div>
                  <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 Pemohon:
                        </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>Taraf Perkahwinan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="tarafperkahwinan" name="tarafperkahwinan" placeholder="Sila masukan taraf perkahwinan">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Umur:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="umurpemohon" name="umurpemohon" placeholder="Sila masukan umur">  
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select id="ddlwarganegarapemohon" class="form-control m-input"required onchange="getWarganegara($(this).val())">
                              <option value="" hidden selected>Sila pilih warganegara</option>
                              <option value="Malaysia">Malaysia</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>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>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>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>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>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emelpasangan" name="emelpasangan" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" >
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed alamat"></div>
                  <div class="m-form__section m-form__section--middle alamat">
                     <div class="m-form__heading">
                        <h3 id="alamat" class="m-form__heading-title">
                           Alamat (Tempat Tinggal Sekarang):
                        </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">
                           <textarea  id="alamat" name="alamat" class="form-control m-input textarearesize"  rows="11" cols="3"></textarea>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:<br/><br/><br/><br/>
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod" name="poskod" placeholder="Sila masukan poskod"> <br><br>
                           <select class="form-control m-input" id="status_perkahwinan" name="status_perkahwinan" onchange="getNegeri($(this).val())">
                              <option value="" 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="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Pulau Pinang">Pulau Pinang</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</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>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpasangan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpasangan">
                     <div class="m-form__heading">
                        <h3 id="maklumatpasangan" class="m-form__heading-title">
                           Maklumat Pasangan:
                        </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="namapasangan" name="namapasangan" placeholder="Sila masukan nama">
                        </div>
                        <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="tarikhlahirpasangan" name="tarikhlahirpasangan" class="form-control m-input" data-date-format="MM DD YYYY">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Umur:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="umurpasangan" name="umurpasangan" placeholder="Sila masukan umur">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select id="ddlwarganegarapasangan" class="form-control m-input"required onchange="getWarganegara($(this).val())">
                              <option value="" hidden selected>Sila pilih warganegara</option>
                              <option value="Malaysia">Malaysia</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>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="nokadpengenalanpasangan" name="nokadpengenalanpasangan" 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>No Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonbimbitpasangan" name="notelefonbimbitpasangan" 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>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emelpasangan" name="emelpasangan" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" >
                        </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="notelefonrumahpasangan" name="notelefonrumahpasangan" placeholder="Sila masukan no telefon rumah">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpekerjaanpemohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatpekerjaanpemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatpekerjaanpemohon" class="m-form__heading-title">
                           Maklumat Pekerjaan 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 Syarikat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namasyarikatpemohon" name="namasyarikatpemohon" placeholder="Sila masukan nama syarikat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jawatan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="jawatanpemohon" name="jawatanpemohon" placeholder="Sila masukan jawatan">
                        </div>
                     </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">
                           <textarea  id="alamatpemohon" name="alamatpemohon" class="form-control m-input textarearesize"  rows="11" cols="3"></textarea>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:<br/><br/><br/><br/>
                        <span style="color: red">* </span>No Telefon Fax:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpemohon" name="notelefonpejabatpemohon" placeholder="Sila masukan no telefon pejabat"> <br/><br/>
                           <input type="text" class="form-control m-input" id="notelefonfaxpemohon" name="notelefonfaxpemohon" placeholder="Sila masukan no telefon fax"> 
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpekerjaanpasangan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpekerjaanpasangan">
                     <div class="m-form__heading">
                        <h3 id="maklumatpekerjaanpemohon" class="m-form__heading-title">
                           Maklumat Pekerjaan Pasangan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Syarikat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namasyarikatpasangan" name="namasyarikatpasangan" placeholder="Sila masukan nama syarikat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jawatan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="jawatanasangan" name="jawatanasangan" placeholder="Sila masukan jawatan">
                        </div>
                     </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">
                           <textarea  id="alamatpasangan" name="alamatpasangan" class="form-control m-input textarearesize"  rows="11" cols="3"></textarea>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:<br/><br/><br/><br/>
                        <span style="color: red">* </span>No Telefon Fax:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan" placeholder="Sila masukan no telefon pejabat"> <br/><br/>
                           <input type="text" class="form-control m-input" id="notelefonfaxpasangan" name="notelefonfaxpasangan" placeholder="Sila masukan no telefon fax"> 
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanbulanan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanbulanan">
                     <div class="m-form__heading">
                        <h3 id="maklumatpendapatanbulanan" class="m-form__heading-title">
                           Maklumat Pendapatan Bulanan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Rumah:
                        </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="pendapatanrumah" name="pendapatanrumah" value="" placeholder="Sila masukan pendapatan rumah" oninput="total()">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pasangan:
                        </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="pendapatanpasangan" name="pendapatanpasangan" value="" placeholder="Sila masukan pendapatan pasangan" 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>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="jumlahpendapatan" name="jumlahpendapatan" value="" placeholder="Sila masukan jumlah pendapatan" oninput="total()">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanbulanan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpeganganhartapemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatpeganganhartapemohon" class="m-form__heading-title">
                           Maklumat Pegangan Harta Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Rumah:
                        </label>
                        <div class="col-lg-4">
                           <select id="rumah" name="rumah" class="form-control m-input"  onchange="getRumah($(this).val())">
                              <option value="" hidden selected>Sila pilih</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select>
                        </div>
                        <div class="col-lg-4   ">
                        </div>
                        <div class="col-lg-2">
                           <div id="tambahrumah"  name="tambahrumah" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide hidethis"><span><i class="la la-plus"></i><span id="tambahrumah" name="tambahrumah" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="rumahtable" class="table order table-responsive hidethis" >
                              <thead>
                                 <tr>
                                    <td class="col-lg-3"  id="jenisrumah">Jenis Rumah</td>
                                    <td class="col-lg-9"  id="alamatsmartsewa">Alamat</td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow4">
                                 <tr>
                                 <td class="col-lg-3" id="rowinputjenisrumah"><input id="inputjenisrumah"  name="inputjenisrumah[]" type="text"  class="form-control m-input"/></td>
                                 <td class="col-lg-9" id="rowinputalamatsmartsewa"><textarea  id="inputalamatsmartsewa" name="inputalamatsmartsewa[]" class="form-control m-input textarearesize"  rows="5" cols="5"></textarea></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Kereta:
                        </label>
                        <div class="col-lg-4">
                           <select id="kereta" name="kereta" class="form-control m-input" onchange="getKereta($(this).val())">
                              <option value="" hidden selected>Sila pilih</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select>
                        </div>
                        <div class="col-lg-4">
                        </div>
                        <div class="col-lg-2">
                           <div id="tambahkereta" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide hidethis"><span><i class="la la-plus"></i><span id="tambahrumah" name="tambahrumah" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="keretatable" class="table order table-responsive hidethis" >
                              <thead>
                                 <tr>
                                    <td class="col-lg-1" id="emptyrow"></td>
                                    <td class="col-lg-4" id="jeniskenderaan">Jenis Kenderaan</td>
                                    <td class="col-lg-3" id="nopendaftarankenderaan">No Pendaftaran</td>
                                    <td class="col-lg-4" id="pemilikan">Pemilikan</td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow5">
                                 <tr>
                                    <td class="tablebody col-1" id="rowinputemptyrow"><input id="inputemptyrow" type="text" class="form-control m-input"/></td>
                                    <td class="tablebody col-4" id="rowinputjeniskenderaan"><input id="inputjeniskenderaan" name="inputjeniskenderaan[]" type="text" class="form-control m-input"/></td>
                                    <td class="tablebody col-3" id="rowinputnopendaftarankenderaan"><input id="inputnopendaftarankenderaan" name="inputnopendaftarankenderaan[]" type="text"  class="form-control m-input"/></td>
                                    <td class="tablebody col-4" id="rowinputpemilikan"><input id="inputpemilikan" name="inputpemilikan[]" type="text" class="form-control m-input"/></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatkesihatanpemohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatkesihatanpemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatkesihatanpemohon" class="m-form__heading-title">
                           Maklumat Kesihatan Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Masalah kesihatan:
                        </label>
                        <div class="col-lg-4">
                           <select id="masalahkesihatan" name="masalahkesihatan" class="form-control m-input"required  onchange="getMasalahKesihatan($(this).val())">
                              <option value="" hidden selected>Sila pilih</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select>
                        </div>
                        <div class="col-lg-4   ">
                        </div>
                        <div class="col-lg-2">
                           <div id="tambahmasalahkesihatan"  name="tambahmasalahkesihatan"  class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide hidethis"><span><i class="la la-plus"></i><span id="tambahrumah" name="tambahrumah" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="masalahkesihatantable" class="table order table-responsive hidethis" >
                              <thead  >
                                 <tr>
                                    <td class="tablevisibility col-lg-10" id="rowinputdokumenicon">
                                       <div id="popup" class="tooltip">
                                          <h5>Sila nyatakan jenis penyakit</h5>
                                          <span class="tooltiptext">
                                             <table id="doclist" class="table-responsive" >
                                                <tr>
                                                   <th>SENARAI SEMAK DOKUMEN</th>
                                                </tr>
                                                <tr >
                                                   <td>
                                                      <table id="doctable" class="table-responsive" >
                                                         <col width="20">
                                                         <col width="940">
                                                         <col width="230">
                                                         <tr>
                                                            <td id="tool" ><b>No.</b></td>
                                                            <td id="tool"><b>Dokumen</b></td>
                                                            <td id="tool"><b>Butiran</b></td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">1.</td>
                                                            <td id="tool">Jenis penyakit (Sila sertakan bukti dari hospital/klinik kesihatan kerajaan)</td>
                                                            <td id="tool"></td>
                                                         </tr>
                                                      </table>
                                                   </td>
                                                </tr>
                                             </table>
                                          </span>
                                       </div>
                                    </td>
                                    <td class="tablevisibility col-lg-1" id="rowmuatnaik2" ></td>
                                    <td class="tablevisibility col-lg-1" id="rowpadam2" ></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow2">
                                 <tr>
                                    <td class="tablevisibility col-lg-10" id="rowinputdokumen"><input id="inputjenispenyakit" type="text" class="form-control m-input"/></td>
                                    <td class="tablevisibility col-lg-1" id="rowmuatnaik" ><button  id="muatnaikmasalahkesihatan" name="muatnaikmasalahkesihatan" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>
                                    <td class="tablevisibility col-lg-1" id="rowpadam" ><div id="padammasalahkesihatan" name="padammasalahkesihatan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammasalahkesihatan" name="padammasalahkesihatan" class="tablebutton">Padam</span></span></div></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Kecatatan:
                        </label>
                        <div class="col-lg-4">
                           <select id="kecatatan" name="kecatatan" class="form-control m-input" onchange="getKecatatan($(this).val())">
                              <option value="" hidden selected>Sila pilih</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select>
                        </div>
                        <div class="col-lg-4">
                        </div>
                        <div class="col-lg-2">
                           <div id="tambahkecatatan"  name="tambahkecatatan" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide hidethis"><span><i class="la la-plus"></i><span id="tambahrumah" name="tambahrumah" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="kecatatantable" class="table order table-responsive hidethis" >
                              <thead  >
                                 <tr>
                                    <td class="tablevisibility col-lg-10" id="rowinputdokumenicon">
                                       <div id="popup" class="tooltip">
                                          <h5>Dokumen</h5>
                                          <span class="tooltiptext">
                                             <table id="doclist" class="table-responsive" >
                                                <tr>
                                                   <th>SENARAI SEMAK DOKUMEN</th>
                                                </tr>
                                                <tr >
                                                   <td>
                                                      <table id="doctable" class="table-responsive" >
                                                         <col width="20">
                                                         <col width="940">
                                                         <col width="230">
                                                         <tr>
                                                            <td id="tool" ><b>No.</b></td>
                                                            <td id="tool"><b>Dokumen</b></td>
                                                            <td id="tool"><b>Butiran</b></td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">1.</td>
                                                            <td id="tool">Sila Nyatakan(Sila lampirkan salinan kad Orang Kelainan Upaya)</td>
                                                            <td id="tool"></td>
                                                         </tr>
                                                      </table>
                                                   </td>
                                                </tr>
                                             </table>
                                          </span>
                                       </div>
                                    </td>
                                    <td class="tablevisibility col-lg-1" id="rowmuatnaik2" ></td>
                                    <td class="tablevisibility col-lg-1" id="rowpadam2" ></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow1">
                                 <tr>
                                    <td class="tablevisibility col-lg-10" id="rowinputdokumen"><label id="custom-text">Kad orang kurang upaya.</label></td>
                                    <td class="tablevisibility col-lg-1" id="rowmuatnaik" ><button  id="muatnaikkecatatan" name="muatnaikkecatatan" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>
                                    <td class="tablevisibility col-lg-1" id="rowpadam" ><div id="padamkecatatan" name="padamkecatatan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padamkecatatan" name="padamkecatatan" class="tablebutton">Padam</span></span></div></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumattanggungganbutiranahlikeluarga"></div>
                  <div class="m-form__section m-form__section--middle maklumattanggungganbutiranahlikeluarga">
                     <div class="m-form__heading">
                        <h3 id="maklumattanggungganbutiranahlikeluarga" class="m-form__heading-title">
                           Maklumat Tanggunggan / Butiran Ahli Keluarga :
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumattanggungantable" class="table order" >
                              <thead  >
                                 <tr>
                                    <td id="nokadpengenalansmartsewa">No Kad Pengenalan/No Tentera/No Polis</td>
                                    <td id="namasmartsewa">Nama</td>
                                    <td id="hubungansmartsewa">Hubungan</td>
                                    <td id="statuspekerjaansmartsewa">Status Pekerjaan</td>
                                    <td id="gajismartsewa">Gaji</td>
                                    <td id="komitmenlainsmartsewa">Komitmen Lain</td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow3">
                                 <tr>
                                    <td id="rowinputnokadpengenalansmartsewa"><input id="inputnokadpengenalansmartsewa" name="inputnokadpengenalansmartsewa[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputnamasmartsewa" ><input id="inputnamasmartsewa" name="inputnamasmartsewa[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputhubungansmartsewa" ><input id="inputhubungansmartsewa" name="inputhubungansmartsewa[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputstatuspekerjaansmartsewa"><input id="inputstatuspekerjaansmartsewa" name="inputstatuspekerjaansmartsewa[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputgajismartsewa" ><input id="inputgajismartsewa" name="inputgajismartsewa[]" type="text" class="form-control m-input"/></td>
                                    <td id="rowinputkomitmenlainsmartsewa" >
                                       <select id="komitmenlain"  name="komitmenlain" class="form-control m-input">
                                          <option selected="selected" class="pilih">Pilih</option>
                                          <option value="Ada">Ada</option>
                                          <option value="Tiada">Tiada</option>
                                       </select>
                                       <input type="text" id="textada" style="display:none;" placeholder="Sila Nyatakan" class="form-control" name="tbLL" >
                                    </td>
                                    <td class="col-lg-1"  id="rowinputemptyrow"><div id="padammaklumattanggunggan" name="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" class="tablebutton">Padam</span></span></div></td>
                                 </tr>
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumattanggunggan"  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="tambahmaklumattanggunggan" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                  <div class="m-form__section m-form__section--last lampirandokumen">
                     <div class="m-form__heading">
                        <h3 id="lampirandokumen" name="lampirandokumen" class="m-form__heading-title">
                           Lampiran Dokumen:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="lampirandokumentable" class="table order" >
                              <thead  >
                                 <tr>
                                    <td class="col-lg-10 tablevisibility" id="rowinputdokumenicon">
                                       <div id="popup" class="tooltip">
                                          <h5 class="abc">Dokumen</h5>
                                          <span class="tooltiptext">
                                             <table id="doclist" class="table-responsive" >
                                                <tr>
                                                   <th>SENARAI SEMAK DOKUMEN</th>
                                                </tr>
                                                <tr >
                                                   <td>
                                                      <table id="doctable" class="table-responsive" >
                                                         <col width="20">
                                                         <col width="940">
                                                         <col width="230">
                                                         <tr>
                                                            <td id="tool" ><b>No.</b></td>
                                                            <td id="tool"><b>Dokumen</b></td>
                                                            <td id="tool"><b>Butiran</b></td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">1.</td>
                                                            <td id="tool">Salinan kad pengenalan</td>
                                                            <td id="tool">Pemohon/pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">2. </td>
                                                            <td id="tool">Salinan surat nikah/surat pendaftaran perkahwinan/ surat cerai.</td>
                                                            <td id="tool"></td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">3.</td>
                                                            <td id="tool">Salinan Kad Pengenalan, MyKid atau Surat Kelahiran.</td>
                                                            <td id="tool">Anak-anak/Tanggungan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">4.</td>
                                                            <td id="tool">Penyata Gaji 3 bulan terkini.</td>
                                                            <td id="tool">Pemohon/Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">5.</td>
                                                            <td id="tool">Salinan KWSP.</td>
                                                            <td id="tool"> Pemohon/Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">6.</td>
                                                            <td id="tool">Salinan Penyata Bank 3 bulan terkini.</td>
                                                            <td id="tool">Pemohon/Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">7.</td>
                                                            <td id="tool">Salinan pengesahan pendapatan terkini dari Pesuruhjaya Sumpah.</td>
                                                            <td id="tool">Pemohon/Pasangan(Jika berkenaan)</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">8.</td>
                                                            <td id="tool">Salinan bil elektrik & bil air terkini kediaman sekarang.</td>
                                                            <td id="tool">(jika berkenaan)</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">9.</td>
                                                            <td id="tool">Salinan Daftar Undi. (boleh ke website SPR untuk semakan)</td>
                                                            <td id="tool"></td>
                                                         </tr>
                                                      </table>
                                                   </td>
                                                </tr>
                                             </table>
                                          </span>
                                       </div>
                                    </td>
                                    <td class="col-lg-1 tablevisibility"  id="rowmuatnaik2" ></td>
                                    <td class="col-lg-1 tablevisibility" id="rowpadam2" ></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow6">
                                 <tr>
                                    <td class="col-lg-10 tablevisibility" id="rowinputdokumen">
                                       <input type="file" id="real-file" hidden="hidden" />
                                       <select id="maklumat" name="maklumat"  class="form-control m-input">
                                          <option value="" hidden selected>Sila Pilih</option>
                                          <option value="a">Salinan kad pengenalan</option>
                                          <option value="b">Salinan surat nikah/surat pendaftaran perkahwinan/ surat cerai.</option>
                                          <option value="c">Salinan Kad Pengenalan, MyKid atau Surat Kelahiran.</option>
                                          <option value="d">Penyata Gaji 3 bulan terkini.</option>
                                          <option value="e">Salinan KWSP.</option>
                                          <option value="f">Salinan Penyata Bank 3 bulan terkini.</option>
                                          <option value="g">Salinan pengesahan pendapatan terkini dari Pesuruhjaya Sumpah.</option>
                                          <option value="h">Salinan bil elektrik & bil air terkini kediaman sekarang.</option>
                                          <option value="i">Salinan Daftar Undi. (boleh ke website SPR untuk semakan)</option>
                                       </select>
                                    </td>
                                    <td class="col-lg-1 tablevisibility" id="rowmuatnaik" ><button  id="muatnaiklampirandokumen" name="muatnaiklampirandokumen" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>
                                    <td class="col-lg-1 tablevisibility" id="rowpadam" ><div id="padamlampirandokumen" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padamlampirandokumen" class="tablebutton">Padam</span></span></div></td>
                                 </tr>
                              </tbody>
                           </table>
                           <br/>
                           <div id="addrowlampirandokumen" 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="tambahlampirandokumen" 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>

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

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

      $('#notelefonrumahpemohon,#notelefonrumahpasangan,#notelefonpejabatpemohon,#notelefonpejabatpasangan,#notelefonfaxpemohon,#notelefonfaxpasangan').inputmask('Regex', { regex: "^(03)[0-9]{8}$"});

      $("#pendapatanrumah,#pendapatanpasangan,#jumlahpendapatan").inputmask({mask: "9999999",placeholder: ""});

      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();
               }
           }
  

          $(document).ready(function(){
         $("#inputnamasyarikatpemohon").on('input',function () {
           var namasyarikatpemohon = $("#inputnamasyarikatpemohon").val();
           
       
            if(namasyarikatpemohon.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('labelwarningnamasyarikatpemohon').innerHTML = 'Sila nyatakan nama syarikat.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningnamasyarikatpemohon').innerHTML = '';
           }
         });
       });
   $(document).ready(function(){
         $("#inputnamasyarikatpasangan").on('input',function () {
           var namasyarikatpasangan = $("#inputnamasyarikatpasangan").val();
           
       
            if(namasyarikatpasangan.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('labelwarningnamasyarikatpasangan').innerHTML = 'Sila nyatakan nama syarikat.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningnamasyarikatpasangan').innerHTML = '';
           }
         });
       });
   $(document).ready(function(){
         $("#inputjawatanpemohon").on('input',function () {
           var namapemohon = $("#inputjawatanpemohon").val();
           
       
            if(namapemohon.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('labelwarningjawatanpemohon').innerHTML = 'Sila nyatakan jawatan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningjawatanpemohon').innerHTML = '';
           }
         });
       });
   $(document).ready(function(){
         $("#inputjawatanpasangan").on('input',function () {
           var namapasangan = $("#inputjawatanpasangan").val();
           
       
            if(namapasangan.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('labelwarningjawatanpasangan').innerHTML = 'Sila nyatakan jawatan.';
           } 
           else
           {
               $(this).css({background:'url("")'});         
               document.getElementById('labelwarningjawatanpasangan').innerHTML = '';
           }
         });
       });
   
  
 
      
   $(document).ready(function(){
           $('#rumah').on('change', function() {
             if ( this.value == 'Ada')
             {
                $("#tambahrumah").show(); 
                 $("#rumahtable thead tr").show();    
                $("#rumahtable").show();
                $("#ldbodyrow4 tr").show();
               
             }
            
             else
             {
                $("#tambahrumah").hide(); 
                $("#rumahtable thead tr").hide();
                $("#rumahtable").hide();
                $("#ldbodyrow4 tr").remove();
             }
           });
       });
   
   $(document).ready(function(){
               $("#tambahrumah").on("click", function () {
                
                   $("#rumahtable").show();   
                    
           });
       });
   $(document).ready(function () {
           var counter = 0;
       
           $("#tambahrumah").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
        											
               cols += '<td id="rowinputjenisrumah"><input id="inputjenisrumah" name="inputjenisrumah[]" type="text" placeholder="Sila masukan jenis rumah" class="form-control m-input"/></td>';
               cols += '<td id="rowinputalamatsmartsewa"><textarea  id="inputalamatsmartsewa" id="inputalamatsmartsewa[]" placeholder="Sila masukan alamat" class="form-control m-input textarearesize"  rows="5" cols="5"></textarea></td>';
               newRow.append(cols);
               $("#rumahtable").append(newRow);
               counter++;
          
           });
       });
   $(document).ready(function(){
           $('#kereta').on('change', function() {
             if ( this.value == 'Ada')
             {
               $("#tambahkereta").show(); 
               $("#keretatable").show();
               $("#keretatable thead tr").show();
               $("#ldbodyrow5 tr").show();    
             }
             else
             {
                $("#tambahkereta").hide(); 
                $("#keretatable").hide();
                $("#keretatable thead tr").hide();
                $("#ldbodyrow5 tr").remove();
             }
           });
       });
             $(document).ready(function(){
               $("#tambahkereta").on("click", function () {
                
                   $("#keretatable").show();   
                    
           });
       });
         $(document).ready(function () {
           var counter = 0;
       
           $("#tambahkereta").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
        											
               cols += '<td id="rowinputemptyrow"><input id="inputemptyrow" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputjeniskenderaan"><input id="inputjeniskenderaan" name="inputjeniskenderaan[]" type="text" placeholder="Sila masukan jenis kenderaan" class="form-control m-input"/></td>';
               cols += '<td id="rowinputnopendaftarankenderaan"><input id="inputnopendaftarankenderaan" name="inputnopendaftarankenderaan[]" type="text" placeholder="Sila masukan no pendaftaran kenderaan" class="form-control m-input"/></td>';
               cols += '<td id="rowinputpemilikan"><input id="inputpemilikan" name="inputpemilikan[]" type="text" placeholder="Sila masukan nama pemilik" class="form-control m-input"/></td>';
               newRow.append(cols);
               $("#keretatable").append(newRow);
               counter++;
        
           });
       });
   
       $(document).ready(function(){
           $('#masalahkesihatan').on('change', function() {
             if ( this.value == 'Ada')
             {
               $("#tambahmasalahkesihatan").show();
               $("#masalahkesihatantable").show(); 
               $("#masalahkesihatantable thead tr").show();
               $("#ldbodyrow2").show();    
             }
             else
             {
               $("#tambahmasalahkesihatan").hide();   
               $("#masalahkesihatantable").hide();
               $("#masalahkesihatantable thead tr").hide();
               $("#ldbodyrow2").remove();
             }
           });
       });
   
       $(document).ready(function(){
               $("#tambahmasalahkesihatan").on("click", function () {
                
                   $("#masalahkesihatantable").show();   
                    
           });
         });
   $(document).ready(function () {
           var counter = 0;
       
           $("#tambahmasalahkesihatan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
       
               cols += '<td id="rowinputdokumen" class="col-lg-10 tablevisibility"><input id="inputjenispenyakit" name="inputjenispenyakit[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowmuatnaik" class="col-lg-1 tablevisibility"><button  id="muatnaikmasalahkesihatan" name="muatnaikmasalahkesihatan" 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="rowpadam" class="col-lg-1 tablevisibility"><div id="padammasalahkesihatan"  class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammasalahkesihatan" class="tablebutton">Padam</span></span></div></td>';
               newRow.append(cols);
               $("#masalahkesihatantable").append(newRow);
               counter++;     
         
           });
       });
       $(document).ready(function () {
            
            $("#masalahkesihatantable").on("click", "#padammasalahkesihatan", function (event) {
  
                $(this).closest("tr").remove();       
            });
            
        });
   
       $(document).ready(function(){
           $('#kecatatan').on('change', function() {
             if ( this.value == 'Ada')
             {
               $("#tambahkecatatan").show();
               $("#kecatatantable").show(); 
               $("#kecatatantable thead tr").show();
               $("#ldbodyrow1").show();    
             }
             else
             {
               $("#tambahkecatatan").hide(); 
               $("#kecatatantable thead tr").hide();
               $("#kecatatantable").hide();
               $("#ldbodyrow1").remove();  
             }
           });
       });
       $(document).ready(function(){
               $("#tambahkecatatan").on("click", function () {
                
                   $("#kecatatantable").show();   
                    
           });
         });
     
          $(document).ready(function () {
           var counter = 0;
       
           $("#tambahkecatatan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
       
               cols += '<td id="rowinputdokumen" class="col-lg-10 tablevisibility"><label id="custom-text">Kad orang kurang upaya.</label></td>';
               cols += '<td id="rowmuatnaik" class="col-lg-1 tablevisibility"><button  id="muatnaikkecatatan" name="muatnaikkecatatan" 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="rowpadam" class="col-lg-1 tablevisibility"><div id="padamkecatatan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padamkecatatan" class="tablebutton">Padam</span></span></div></td>';
               newRow.append(cols);
               $("#kecatatantable").append(newRow);
               counter++;
       
           });
         });

        
       $(document).ready(function () {
            
            $("#kecatatantable").on("click", "#padamkecatatan", function (event) {
  
                $(this).closest("tr").remove();       
            });
            
        });
         
   
   $(document).ready(function () {
           var counter = 0;
       
           $("#tambahmaklumattanggunggan").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
       
               cols += '<td id="rowinputnokadpengenalansmartsewa"><input id="inputnokadpengenalansmartsewa" name="inputnokadpengenalansmartsewa[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputnamasmartsewa"><input id="inputnamasmartsewa" name="inputnamasmartsewa[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputhubungansmartsewa"><input id="inputhubungansmartsewa" name="inputhubungansmartsewa[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputstatuspekerjaansmartsewa"><input id="inputstatuspekerjaansmartsewa" name="inputstatuspekerjaansmartsewa[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputgajismartsewa"><input id="inputgajismartsewa" name="inputgajismartsewa[]" type="text" class="form-control m-input"/></td>';
               cols += '<td id="rowinputkomitmenlainsmartsewa"><select id="komitmenlain" name="komitmenlain" class="form-control m-input"><option selected="selected" class="pilih">Pilih</option><option value="ada">Ada</option><option value="tiada">Tiada</option></select></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" class="tablebutton">Padam</span></span></div></td>';
               newRow.append(cols);
               $("#maklumattanggungantable").append(newRow);
               counter++;
           });
           $("#maklumattanggungantable").on("click", "#padammaklumattanggunggan", function (event) { 
               $(this).closest("tr").remove();       
               counter -= 1
           });
       });

   
   $(document).ready(function () {
           var counter = 0;
       
           $("#addrowlampirandokumen").on("click", function () {
               var newRow = $("<tr>");
               var cols = "";
       
                 cols += '<td id="rowinputdokumen" class="col-lg-10 tablevisibility"><input type="file" id="real-file" hidden="hidden" />'+
                         '<select id="maklumat" name="maklumat" class="form-control m-input" >'+ 
                         '<option value="" hidden selected>Sila Pilih</option>'+                            
                         '<option value="a">Cetak Borang Permohonan</option>'+   
                         '<option value="b">Salinan Sijil Lahir / Mykid Anak</option>'+                 
                         '<option value="c">Salinan MyKad Ibu</option>'+   
                         '<option value="d">Salinan MyKad Bapa</option>'+   
                         '<option value="e">Salinan Perakuan Anak Angkat / Sijil Kematian / Sijil Cerai</option>'+   
                         '<option value="f">Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan IBU</option> '+  
                         '<option value="g">Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan BAPA</option>'+   
                         '<option value="h">Cop Pengesahan Tadika Tempat Anak Belajar</option>'+
                         '<option value="i">Salinan Bil Air / Bil Elektrik / TM / ASTRO / Muka Depan Buku Merah IBU</option> '+  
                         '<option value="j">Cop Pengesahan Bermastautin</option></select> </td>';
               cols += '<td class="col-lg-1 tablevisibility" id="rowmuatnaik"><button id="muatnaiklampirandokumen" name="muatnaiklampirandokumen" type="submit" class="btn blue start" style="background-color:#2a9df4"><i class="fa fa-upload"></i> <span> Muat Naik </span></button></td>';
               cols += '<td class="col-lg-1 tablevisibility" id="rowpadam"><div id="padamlampirandokumen" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padamlampirandokumen" class="tablebutton">Padam</span></span></div></td>';
               newRow.append(cols);
               $("#lampirandokumentable").append(newRow);
               counter++;
               
   
          
           });
       });
       $(document).ready(function () {
          
          $("#lampirandokumentable").on("click", "#padamlampirandokumen", function (event) {
   
            $(this).closest("tr").remove();
          });
          
      });
      
</script>
@endsection