@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;
   }
   .m-form .m-form__heading .m-form__heading-title {
   color: #716aca;
   font-weight: 500;
   font-size: 1.3rem;
   }
   .form-control:focus,
   .form-control:active{
   border-color: #3273dc!important;;
   box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25)!important;
   }
 

.hidethis{
display:none;
}

.placeitrighthandside{
text-align: right;
}
  
   .col-lg-1.tablevisibility,
   .col-lg-7.tablevisibility,
   .col-lg-4.tablevisibility,
   .col-lg-10.tablevisibility,
   .tablevisibility{
   border: 2px solid #BCBEC0; 
   border-collapse: collapse;  
   }
.col-lg-10.tablevisibility,
.col-lg-1.tablevisibility{
border: 2px solid #BCBEC0; 
border-collapse: collapse;  
}
   #rowmuatnaik2,
   #rowpadam2,
   #rowinputdokumenicon{
   padding-bottom: 4px; 
   padding-top: 8px;     
   }
   .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; 
   }
   .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 id="cardprogrampendidikananakanakpekerjaladang" 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="programpendidikananakanakpekerjaladang" class="m-portlet__head-text"  >
                           PROGRAM PENDIDIKAN ANAK-ANAK PEKERJA LADANG
                        </h3>
                     </div>
                  </div>
               </div>
               <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>Nama IPTA/IPTS:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namaiptaiptspemohon" name="namaiptaiptspemohon" placeholder="Sila masukan nama IPTA/IPTS">
                        </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="^(01)[0-9]{8,9}$" maxlength="12">  
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="warganegara" name="warganegara" 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><br/>
                           <input type="text" class="form-control m-input hidethis" id="warganegaralainlain" name="warganegaralainlain" placeholder="Sila masukan warganegara" >
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                     <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>
                        <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>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>
                  <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>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>
                     </div>
                     <div class="form-group m-form__group row">
                        <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>
                        <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 maklumatpenjaga"></div>
                  <div class="m-form__section m-form__section--middle maklumatpenjaga">
                     <div class="m-form__heading">
                        <h3 id="maklumatpenjaga" class="m-form__heading-title">
                           Maklumat Penjaga:
                        </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="namapenjaga" name="namapenjaga" placeholder="Sila masukan nama">
                        </div>
                        <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="nokadpengenalanpenjaga" name="nokadpengenalanpenjaga" placeholder="Sila masukan no kad pengenalan" value="" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <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="notelefonbimbitpenjaga" name="notelefonbimbitpenjaga" placeholder="Sila masukan no telefon bimbit">
                        </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="notelefonrumahpenjaga" name="notelefonrumahpenjaga" 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>Pertalian:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="pertalian" name="pertalian" onchange="getPertalian($(this).val())">
                              <option value="" hidden selected>Sila pilih status perkahwinan</option>
                              <option value="Ibu">Ibu</option>
                              <option value="Bapa">Bapa</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpasanganpenjaga"></div>
                  <div class="m-form__section m-form__section--middle maklumatpasanganpenjaga">
                     <div class="m-form__heading">
                        <h3 id="maklumatpasanganpenjaga" class="m-form__heading-title">
                           Maklumat Pasangan Penjaga:
                        </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="namapasanganpenjaga" name="namapasanganpenjaga" placeholder="Sila masukan nama">
                        </div>
                        <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="nokadpengenalanpasanganpenjaga" name="nokadpengenalanpasanganpenjaga" placeholder="Sila masukan no kad pengenalan" value="" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <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="notelefonbimbitpasanganpenjaga" name="notelefonbimbitpasanganpenjaga" placeholder="Sila masukan no telefon bimbit">
                        </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="notelefonrumahpasanganpenjaga" name="notelefonrumahpasanganpenjaga" placeholder="Sila masukan no telefon rumah">
                        </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>Status Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="jenispekerjaanpemohon" name="jenispekerjaanpemohon" onchange="getJenisPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Bekerja">Bekerja</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpemohon" name="notelefonpejabatpemohon" placeholder="Sila masukan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </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="pendapatankasarsebulanpemohon" name="pendapatankasarsebulanpemohon" placeholder="Sila masukan pendapatan kasar sebulan" oninput="total()">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </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="pendapatanbersihsebulanpemohon" name="pendapatanbersihsebulanpemohon" placeholder="Sila masukan pendapatan bersih sebulan" 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>Sumber Pendapatan Lain:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="sumberpendapatanlainpemohon" name="sumberpendapatanlainpemohon" onchange="getSumberPendapatanLain($(this).val())">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select> <br/> 
                           <input type="text" class="form-control m-input hidethis" id="sumberpendapatanlainadapemohon" name="sumberpendapatanlainadapemohon" placeholder="Sila masukan warganegara" >
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpasangan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpasangan">
                     <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>Status Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan" onchange="getJenisPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Bekerja">Bekerja</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan" placeholder="Sila masukan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </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="pendapatankasarsebulanpasangan" name="pendapatankasarsebulanpasangan" placeholder="Sila masukan pendapatan kasar sebulan" oninput="total()">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </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="pendapatanbersihsebulanpasangan" name="pendapatanbersihsebulanpasangan" placeholder="Sila masukan pendapatan bersih sebulan" 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>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-6">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <select class="form-control m-input" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan" onchange="getSumberPendapatanLain($(this).val())">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input hidethis placeitrighthandside" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan" placeholder="Sila masukan sumber pendapatan lain" >
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpasangan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpasangan">
                     <div class="m-form__heading">
                        <h3 id="maklumatpendapatanpenjaga" class="m-form__heading-title">
                           Maklumat Pendapatan Penjaga:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="jenispekerjaanpenjaga" name="jenispekerjaanpenjaga" onchange="getStatusPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Bekerja">Bekerja</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpenjaga" name="notelefonpejabatpenjaga" placeholder="Sila masukan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </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="pendapatankasarsebulanpenjaga" name="pendapatankasarsebulanpenjaga" placeholder="Sila masukan pendapatan kasar sebulan" oninput="total()">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </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="pendapatanbersihsebulanpenjaga" name="pendapatanbersihsebulanpenjaga" placeholder="Sila masukan pendapatan bersih sebulan" 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>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-6">
                          
                           <select class="form-control m-input" id="sumberpendapatanlainpenjaga" name="sumberpendapatanlainpenjaga" onchange="getSumberPendapatanLain($(this).val())">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input hidethis placeitrighthandside" id="sumberpendapatanlainpenjaga" name="sumberpendapatanlainpenjaga" placeholder="Sila masukan sumber pendapatan lain" >
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpasangan"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpasangan">
                     <div class="m-form__heading">
                        <h3 id="maklumatpendapatanpasanganpenjaga" class="m-form__heading-title">
                           Maklumat Pendapatan Pasangan Penjaga:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="jenispekerjaanpasanganpenjaga" name="jenispekerjaanpasanganpenjaga" onchange="getStatusPekerjaan($(this).val())">
                              <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                              <option value="Bekerja">Bekerja</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Pejabat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonpejabatpasanganpenjaga" name="notelefonpejabatpasanganpenjaga" placeholder="Sila masukan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </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="pendapatankasarsebulanpasanganpenjaga" name="pendapatankasarsebulanpasanganpenjaga" placeholder="Sila masukan pendapatan kasar sebulan" oninput="total()">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </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="pendapatanbersihsebulanpasanganpenjaga" name="pendapatanbersihsebulanpasanganpenjaga" placeholder="Sila masukan pendapatan bersih sebulan" 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>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-6">
                        
                           <select class="form-control m-input" id="sumberpendapatanlainpasanganpenjaga" name="sumberpendapatanlainpasanganpenjaga" onchange="getSumberPendapatanLain($(this).val())">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input hidethis placeitrighthandside" id="sumberpendapatanlainpasanganpenjaga" name="sumberpendapatanlainpasanganpenjaga" placeholder="Sila masukan sumber pendapatan lain" >
                        </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" 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" name="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">Kelulusan/ Letterhead YB EXCO</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">2. </td>
                                                            <td id="tool">Surat permohonan bantuan pemohon</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">3.</td>
                                                            <td id="tool">Salinan kad pengenalan pemohon & pasangan (sekiranya berkenaan)</td>
                                                            <td id="tool">Pemohon/ Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">4.</td>
                                                            <td id="tool">Salinan MyKad Bapa</td>
                                                            <td id="tool">Pemohon/ Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">5.</td>
                                                            <td id="tool">Salinan MyKad  ibu</td>
                                                            <td id="tool"> Pemohon/ Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">6.</td>
                                                            <td id="tool"> Salinan sijil kelahiran pemohon & pasangan (sekiranya berkenaan)</td>
                                                            <td id="tool">Pemohon/ Pasangan</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">7.</td>
                                                            <td id="tool">Salinan sijil kelahiran ibu</td>
                                                            <td id="tool">Ibu Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">8.</td>
                                                            <td id="tool">Salinan sijil kelahiran bapa</td>
                                                            <td id="tool">Bapa Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">9.</td>
                                                            <td id="tool">Kad OKU (sekiranya berkenaan)</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">10.</td>
                                                            <td id="tool">Borang pengesahan pendapatan pemohon/ pasangan (sekiranya berkenaan) dan ibu/bapa</td>
                                                            <td id="tool">Pemohon/Pasangan dan Ibu/bapa</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">11.</td>
                                                            <td id="tool">Surat pengesahan pemaustatin Negeri Selangor (melebihi 15 tahun) (sekiranya berkenaan)</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">12.</td>
                                                            <td id="tool">Surat tawaran daripada IPTA/ IPTS</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">13.</td>
                                                            <td id="tool">Surat jumlah kos (RM) keseluruhan pengajian</td>
                                                            <td id="tool"> Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">14.</td>
                                                            <td id="tool">Penyata akaun bank IPTA/ IPTS</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">15.</td>
                                                            <td id="tool">Salinan sijil berhenti sekolah/ SPM dan lain-lain</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">16.</td>
                                                            <td id="tool">Dokumen lain yang berkaitan (sekiranya berkenaan)</td>
                                                            <td id="tool">Pemohon</td>
                                                         </tr>
                                                         <tr>
                                                            <td id="tool">17.</td>
                                                            <td id="tool">Surat pengesahan ibu/ bapa/ penjaga adalah merupakan pekerja ladang atau bekas pekerja ladang (cop pengesahan majikan)</td>
                                                            <td id="tool">Pemohon/ibu/bapa</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" ><label class="labelwarning" id="xyz"></label></td>
                                 </tr>
                              </thead>
                              <tbody id="ldbodyrow">
                                 <tr>
                                    <td class="col-lg-10 tablevisibility" id="rowinputdokumen" >
                                       <input type="file" id="real-file" hidden="hidden" />
                                       <select id="ddlmaklumat" 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>
                                    <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> Start upload </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="tambahlampirandokumen" 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>
</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>
   $("#nokadpengenalanpemohon,#nokadpengenalanpasangan,#nokadpengenalanpenjaga,#nokadpengenalanpasanganpenjaga").inputmask({mask: "999999999999", placeholder: ""});
   
   $('#notelefonbimbitpemohon,#notelefonbimbitpasangan,#notelefonbimbitpenjaga,#notelefonbimbitpasanganpenjaga').inputmask('Regex', { regex: "^(01)[0-9]{8,9}$"});

   $("#pendapatanbersihsebulanpemohon, #pendapatankasarsebulanpemohon, #sumberpendapatanlainpemohon, #pendapatanbersihsebulanpasangan, #pendapatankasarsebulanpasangan, #sumberpendapatanlainpasangan, #pendapatanbersihsebulanpenjaga, #pendapatankasarsebulanpenjaga, #sumberpendapatanlainpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").inputmask({mask: "9999999",placeholder: ""});
   
   $('#notelefonrumahpemohon,#notelefonrumahpasangan,#notelefonrumahpenjaga,#notelefonrumahpasanganpenjaga,#notelefonpejabatpemohon,#notelefonpejabatpasangan,#notelefonpejabatpenjaga,#notelefonpejabatpasanganpenjaga').inputmask('Regex', { regex: "^(03)[0-9]{8}$"});
   
   $("#noakuanbank").inputmask({mask: "9999999999999999",placeholder: ""}); 

   $(document).ready(function(){
             $('#sumberpendapatanlainpemohon').on('change', function() {
               if ( this.value == 'Ada')
               {
                 $("#sumberpendapatanlainadapemohon").show('slow');     
               }
               else
               {
                 $("#sumberpendapatanlainadapemohon").hide('slow');
                 $("#sumberpendapatanlainadapemohon").val('');
               }
             });
         });
         $(document).ready(function(){
             $('#warganegara').on('change', function() {
               if ( this.value == 'Lain-Lain')
               {
                 $("#warganegaralainlain").show('slow');     
               }
               else
               {
                 $("#warganegaralainlain").hide('slow');
                 $("#warganegaralainlain").val('');
               }
             });
         });
         $(document).ready(function(){
             $('#warganegara').on('change', function() {
               if ( this.value == 'Lain-Lain')
               {
                 $("#warganegaralainlain").show('slow');     
               }
               else
               {
                 $("#warganegaralainlain").hide('slow');
                 $("#warganegaralainlain").val('');
               }
             });
         });
         $(document).ready(function(){
             $('#warganegara').on('change', function() {
               if ( this.value == 'Lain-Lain')
               {
                 $("#warganegaralainlain").show('slow');     
               }
               else
               {
                 $("#warganegaralainlain").hide('slow');
                 $("#warganegaralainlain").val('');
               }
             });
         });
   
   
   $(document).ready(function () {
             var counter = 0;
         
             $("#tambahtujuanpermohonan").on("click", function () {
                 var newRow = $("<tr>");
                 var cols = "";
                 
               
             
         
                 cols += '<td class="col-lg-1 tablevisibility">1</td>';
                 cols += '<td id="rowinputperkara" name="rowinputperkara" class="col-lg-4 tablevisibility"><select class="form-control m-input" id="bantuankerjaannegeriselangor" name="bantuankerjaannegeriselangor" onchange="getBKNS($(this).val())"><option value="" hidden selected>Sila pilih perkara</option><option value="Membaik Pulih">Membaik Pulih</option><option value="Membina">Membina</option></select></td>';
                 cols += '<td id="rowinputkawasanatautempat" name="rowinputkawasanatautempat" class="col-lg-4 tablevisibility"><select class="form-control m-input" id="bantuankerjaannegeriselangor" name="bantuankerjaannegeriselangor" onchange="getBKNS($(this).val())"><option value="" hidden selected>Sila pilih kawasan</option><option value="Kantin">Kantin</option><option value="Surau">Surau</option><option value="Kelas">Kelas</option><option value="Tandas">Tandas</option><option value="Bumbung Bocor">Bumbung Bocor</option><option value="Dinding">Dinding</option><option value="Susur Gajah">Susur Gajah</option><option value="Pagar Sekolah">Pagar Sekolah</option><option value="Pintu Kelas Tandas">Pintu Kelas,Tandas</option><option value="Gelanggang Bola Kerajaan">Gelanggang Bola Kerajaan</option><option value="Bilik Guru">Bilik Guru</option><option value="Perpustakaan">Perpustakaan</option><option value="Lonkang/Perparitan">Longkang/Perparitan</option><option value="Makmal Sains">Makmal Sains</option><option value="Makmal Komputer">Makmal Komputer</option><option value="Bangunanan Sekolah">Bangunan Sekolah</option><option value="Bangunan Asrama">Bangunan Asrama</option><option value="Mengecat Bangunan Sekolah">Mengecat Bangunan Sekolah</option><option value="Kerusi/Meja">Kerusi/Meja</option><option value="Saluran Paip Air">Saluran Paip Air</option><option value="Tingkat">Tingkat</option><option value="Lain-Lain">Lain-Lain</option></select></td>';
                 cols += '<td class="col-lg-1 tablevisibility"><div id="padamtujuanpermohonan" name="padamtujuanpermohonan" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padamtujuanpermohonan" name="padamtujuanpermohonan" class="tablebutton">Padam</span></span></div></td>';
                 newRow.append(cols);
                 $("#tujuanpermohonantable").append(newRow);
                 counter++;
             });
         });
   
         $(document).ready(function () {
            
             $("#tujuanpermohonantable").on("click", "#padamtujuanpermohonan", function (event) {
   
                 $(this).closest("tr").remove();       
             });
             
         });
         $(document).ready(function () {
             var counter = 0;
         
             $("#tambahlampirandokumen").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="ddlmaklumat" 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> Start upload </span></button></td>';
                 cols += '<td class="col-lg-1 tablevisibility" id="rowpadam" ><div id="padamlampirandokumen" name="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" name="padamlampirandokumen" class="tablebutton">Padam</span></span></div></td>';
                 newRow.append(cols);
                 $("#lampirandokumentable").append(newRow);
                 counter++;
             });
             $("#lampirandokumentable").on("click", "#padamlampirandokumen", function (event) { 
                 $(this).closest("tr").remove();       
                 counter -= 1
             });
         });
   
      
</script>
@endsection