@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;
 }
.placeitrighthandside{
text-align: right;
}
.hidethis,.m-form__seperator.m-form__seperator--dashed.hidethis{
display:none;
}
  
 
   .tablebutton{
   font-family:'Myriad Pro';
   font-weight: normal;   
   font-size: 15px;
   }
  
   .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;  
   }
 
</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__head-caption">
               <div class="m-portlet__head-title">
                  <h3 class="m-portlet__head-text">{{ App\IPR::where('name', 'hijrah')->pluck('display_name')[0] }}
               </div>
            </div>
            <div id="cardhijrah" 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="hijrah"class="m-portlet__head-text"  >
                           HIJRAH
                        </h3>
                     </div>
                  </div>
               </div>
               <div class="m-portlet__body">
                  <div class="m-form__section m-form__section--first maklumatdun">
                     <div class="m-form__heading">
                        <h3 id="maklumatdun" class="m-form__heading-title">
                           Maklumat Adun:&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; &emsp;&emsp;&emsp;&nbsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                           Maklumat Parlimen:                                  
                        </h3>
                        <h3 id="maklumatparlimen"class="m-form__heading-title">
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        DUN:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="dun" name="dun" onchange="getDun($(this).val())">
                              <option value="" hidden selected>Sila pilih Dewan Undangan Negeri(DUN)</option>
                              <option value="BALAKONG">BALAKONG</option>
                              <option value="BANDAR BARU KLANG">BANDAR BARU KLANG</option>
                              <option value="BANDAR UTAMA">BANDAR UTAMA</option>
                              <option value="BANTING">BANTING</option>
                              <option value="BATANG KALI">BATANG KALI</option>
                              <option value="BATU TIGA">BATU TIGA</option>
                              <option value="BUKIT ANTARABANGSA">BUKIT ANTARABANGSA</option>
                              <option value="BUKIT GASING">BUKIT GASING</option>
                              <option value="BUKIT LANJAN">BUKIT LANJAN</option>
                              <option value="BUKIT MELAWATI">BUKIT MELAWATI</option>
                              <option value="DENGKIL">DENGKIL</option>
                              <option value="DUSUN TUA">DUSUN TUA</option>
                              <option value="GOMBAK SETIA">GOMBAK SETIA</option>
                              <option value="HULU BERNAM">HULU BERNAM</option>
                              <option value="HULU KELANG">HULU KELANG</option>
                              <option value="IJOK">IJOK</option>
                              <option value="JERAM">JERAM</option>
                              <option value="KAJANG">KAJANG</option>
                              <option value="KAMPUNG TUNKU">KAMPUNG TUNKU</option>
                              <option value="KINRARA">KINRARA</option>
                              <option value="KOTA ANGGERIK">KOTA ANGGERIK</option>
                              <option value="KOTA DAMANSARA">KOTA DAMANSARA</option>
                              <option value="KOTA KEMUNING">KOTA KEMUNING</option>
                              <option value="KUALA KUBU BAHARU">KUALA KUBU BAHARU</option>
                              <option value="KUANG">KUANG</option>
                              <option value="LEMBAH JAYA">LEMBAH JAYA</option>
                              <option value="MERU">MERU</option>
                              <option value="MORIB">MORIB</option>
                              <option value="PANDAMARAN">PANDAMARAN</option>
                              <option value="PANDAN INDAH">PANDAN INDAH</option>
                              <option value="PAYA JARAS">PAYA JARAS</option>
                              <option value="PELABUHAN KLANG">PELABUHAN KLANG</option>
                              <option value="PERMATANG">PERMATANG</option>
                              <option value="RAWANG">RAWANG</option>
                              <option value="SABAK">SABAK</option>
                              <option value="SEKINCHAN">SEKINCHAN</option>
                              <option value="SELAT KLANG">SELAT KLANG</option>
                              <option value="SEMENTA">SEMENTA</option>
                              <option value="SEMENYIH">SEMENYIH</option>
                              <option value="SENTOSA">SENTOSA</option>
                              <option value="SERI KEMBANGAN">SERI KEMBANGAN</option>
                              <option value="SERI SERDANG">SERI SERDANG</option>
                              <option value="SERI SETIA">SERI SETIA</option>
                              <option value="SIJANGKANG">SIJANGKANG</option>
                              <option value="SUBANG JAYA">SUBANG JAYA</option>
                              <option value="SUNGAI AIR TAWAR">SUNGAI AIR TAWAR</option>
                              <option value="SUNGAI BURONG">SUNGAI BURONG</option>
                              <option value="SUNGAI KANDIS">SUNGAI KANDIS</option>
                              <option value="SUNGAI PANJANG">SUNGAI PANJANG</option>
                              <option value="SUNGAI PELEK">SUNGAI PELEK</option>
                              <option value="SUNGAI RAMAL">SUNGAI RAMAL</option>
                              <option value="SUNGAI TUA">SUNGAI TUA</option>
                              <option value="TAMAN MEDAN">TAMAN MEDAN</option>
                              <option value="TAMAN TEMPLER">TAMAN TEMPLER</option>
                              <option value="TANJONG SEPAT">TANJONG SEPAT</option>
                              <option value="TERATAI">TERATAI</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        Parlimen:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="parlimen" name="parlimen" onchange="getParlimen($(this).val())">
                              <option value="" hidden selected>Sila pilih Parlimen</option>
                              <option value="BALAKONG">BALAKONG</option>
                              <option value="BANDAR BARU KLANG">BANDAR BARU KLANG</option>
                              <option value="BANDAR UTAMA">BANDAR UTAMA</option>
                              <option value="BANTING">BANTING</option>
                              <option value="BATANG KALI">BATANG KALI</option>
                              <option value="BATU TIGA">BATU TIGA</option>
                              <option value="BUKIT ANTARABANGSA">BUKIT ANTARABANGSA</option>
                              <option value="BUKIT GASING">BUKIT GASING</option>
                              <option value="BUKIT LANJAN">BUKIT LANJAN</option>
                              <option value="BUKIT MELAWATI">BUKIT MELAWATI</option>
                              <option value="DENGKIL">DENGKIL</option>
                              <option value="DUSUN TUA">DUSUN TUA</option>
                              <option value="GOMBAK SETIA">GOMBAK SETIA</option>
                              <option value="HULU BERNAM">HULU BERNAM</option>
                              <option value="HULU KELANG">HULU KELANG</option>
                              <option value="IJOK">IJOK</option>
                              <option value="JERAM">JERAM</option>
                              <option value="KAJANG">KAJANG</option>
                              <option value="KAMPUNG TUNKU">KAMPUNG TUNKU</option>
                              <option value="KINRARA">KINRARA</option>
                              <option value="KOTA ANGGERIK">KOTA ANGGERIK</option>
                              <option value="KOTA DAMANSARA">KOTA DAMANSARA</option>
                              <option value="KOTA KEMUNING">KOTA KEMUNING</option>
                              <option value="KUALA KUBU BAHARU">KUALA KUBU BAHARU</option>
                              <option value="KUANG">KUANG</option>
                              <option value="LEMBAH JAYA">LEMBAH JAYA</option>
                              <option value="MERU">MERU</option>
                              <option value="MORIB">MORIB</option>
                              <option value="PANDAMARAN">PANDAMARAN</option>
                              <option value="PANDAN INDAH">PANDAN INDAH</option>
                              <option value="PAYA JARAS">PAYA JARAS</option>
                              <option value="PELABUHAN KLANG">PELABUHAN KLANG</option>
                              <option value="PERMATANG">PERMATANG</option>
                              <option value="RAWANG">RAWANG</option>
                              <option value="SABAK">SABAK</option>
                              <option value="SEKINCHAN">SEKINCHAN</option>
                              <option value="SELAT KLANG">SELAT KLANG</option>
                              <option value="SEMENTA">SEMENTA</option>
                              <option value="SEMENYIH">SEMENYIH</option>
                              <option value="SENTOSA">SENTOSA</option>
                              <option value="SERI KEMBANGAN">SERI KEMBANGAN</option>
                              <option value="SERI SERDANG">SERI SERDANG</option>
                              <option value="SERI SETIA">SERI SETIA</option>
                              <option value="SIJANGKANG">SIJANGKANG</option>
                              <option value="SUBANG JAYA">SUBANG JAYA</option>
                              <option value="SUNGAI AIR TAWAR">SUNGAI AIR TAWAR</option>
                              <option value="SUNGAI BURONG">SUNGAI BURONG</option>
                              <option value="SUNGAI KANDIS">SUNGAI KANDIS</option>
                              <option value="SUNGAI PANJANG">SUNGAI PANJANG</option>
                              <option value="SUNGAI PELEK">SUNGAI PELEK</option>
                              <option value="SUNGAI RAMAL">SUNGAI RAMAL</option>
                              <option value="SUNGAI TUA">SUNGAI TUA</option>
                              <option value="TAMAN MEDAN">TAMAN MEDAN</option>
                              <option value="TAMAN TEMPLER">TAMAN TEMPLER</option>
                              <option value="TANJONG SEPAT">TANJONG SEPAT</option>
                              <option value="TERATAI">TERATAI</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:
                        </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>Agama:
                        </label>
                        <div class="col-lg-4">
                           <select id="agama" name="agama"  class="form-control m-input" onchange="getAgama($(this).val())" >
                              <option value="" hidden selected>Sila pilih agama</option>
                              <option value="Islam">Islam</option>
                              <option value="Hindu">Hindu</option>
                              <option value="Kristian">Kristian</option>
                              <option value="Bhuddist">Bhuddist</option>
                              <option value="Lain-Lain">Lain-Lain</option>
                           </select>
                           <br/>
                           <input type="text" class="form-control m-input hidethis" id="agamalainlain" name="agamalainlain" placeholder="Sila masukan agama" >
                        </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>Bangsa:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="bangsa" name="bangsa" onchange="getBangsa($(this).val())">
                              <option value="" hidden selected>Sila pilih bangsa</option>
                              <option value="Melayu">Melayu</option>
                              <option value="Cina">Cina</option>
                              <option value="India">India</option>
                              <option value="Lain-Lain">Lain-Lain</option>
                           </select>
                           <br/>
                           <input type="text" class="form-control m-input hidethis" id="bangsalainlain" name="bangsalainlain" placeholder="Sila masukan bangsa" >
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jantina:
                        </label>
                        <div class="col-lg-4">
                           <div class="m-radio-list">
                              <label class="m-radio m-radio--solid m-radio--brand">
                              <input type="radio" name="inputlelakiperempuan" id="lelaki" value="lelaki">
                              Lelaki
                              <span></span>
                              </label>
                              <label class="m-radio m-radio--solid m-radio--brand">
                              <input type="radio" name="inputlelakiperempuan" id="perempuan" value="perempuan">
                              Perempuan
                              <span></span>
                              </label>
                           </div>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Perkahwinan:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="statusperkahwinan" name="statusperkahwinan" onchange="getStatusPerkahwinan($(this).val())">
                              <option value="" hidden selected>Sila pilih status perkahwinan</option>
                              <option value="Bujang">Bujang</option>
                              <option value="Berkahwin">Berkahwin</option>
                              <option value="Duda/Janda">Duda/Janda</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Mastautin (Tahun):
                        </label>
                        <div class="col-lg-4">
                           <input type="text"  id="tempohmastautinpemohon" name="tempohmastautinpemohon" class="form-control m-input"placeholder="Sila masukan tempoh mastautin" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonbimbitpemohon" name="notelefonbimbitpemohon" placeholder="Sila masukan no telefon bimbit">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempat Lahir:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="tempatlahirpemohon" name="tempatlahirpemohon" placeholder="Sila masukan tempat lahir">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpemohon" name="notelefonrumahpemohon" placeholder="Sila masukan no telefon rumah">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumattempattinggal"></div>
                  <div class="m-form__section m-form__section--middle maklumattempattinggal">
                     <div class="m-form__heading">
                        <h3  id="maklumattempattinggal"  name="maklumattempattinggal" class="m-form__heading-title">
                           Maklumat Tempat Tinggal:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_1" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod" name="poskod" placeholder="Sila masukan poskod">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_2" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Daerah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="daerah" placeholder="Sila masukan daerah">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_3" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="negeri" name="negeri">
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Johor">Johor</option>
                              <option value="Kedah">Kedah</option>
                              <option value="Kelantan">Kelantan</option>
                              <option value="Melaka">Melaka</option>
                              <option value="Negeri Sembilan">Negeri Sembilan</option>
                              <option value="Pahang">Pahang</option>
                              <option value="Penang">Penang</option>
                              <option value="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan">W.P. Labuan</option>
                              <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Bandar:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="bandar" name="bandar" placeholder="Sila masukan bandar">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed hidethis"></div>
                  <div class="m-form__section m-form__section--middle maklumatpasangan hidethis">
                     <div class="m-form__heading">
                        <h3 id="maklumatpasangan" name="maklumatpasangan" class="m-form__heading-title">
                           Maklumat Pasangan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <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>Agama:
                        </label>
                        <div class="col-lg-4">
                           <select id="agama" name="agama"  class="form-control m-input" onchange="getAgama($(this).val())" >
                              <option value="" hidden selected>Sila pilih agama</option>
                              <option value="Islam">Islam</option>
                              <option value="Hindu">Hindu</option>
                              <option value="Kristian">Kristian</option>
                              <option value="Bhuddist">Bhuddist</option>
                              <option value="Lain-Lain">Lain-Lain</option>
                           </select>
                           <br/>
                           <input type="text" class="form-control m-input hidethis" id="agamalainlain" name="agamalainlain" placeholder="Sila masukan agama" >
                        </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>Bangsa:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="bangsa" name="bangsa" onchange="getBangsa($(this).val())">
                              <option value="" hidden selected>Sila pilih bangsa</option>
                              <option value="Melayu">Melayu</option>
                              <option value="Cina">Cina</option>
                              <option value="India">India</option>
                              <option value="Lain-Lain">Lain-Lain</option>
                           </select>
                           <br/>
                           <input type="text" class="form-control m-input hidethis" id="bangsalainlain" name="bangsalainlain" placeholder="Sila masukan bangsa" >
                        </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>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed hidethis"></div>
                  <div class="m-form__section m-form__section--middle maklumatanakpemohon hidethis">
                     <div class="m-form__heading">
                        <h3 id="maklumatanakpemohon" name="maklumatanakpemohon" class="m-form__heading-title">
                           Maklumat Anak Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="maklumatanakpemohontable" name="maklumatanakpemohontable" class="table order table-responsive">
                              <thead >
                                 <tr>
                                    <td id="namapenuh">Nama Penuh</td>
                                    <td id="nomykid">No KP/Sijil Kelahiran</td>
                                    <td id="tadika">Jantina</td>
                                    <td id="yuran">Tarikh Lahir</td>
                                    <td id="sesimula" >Taraf Persekolahan</td>
                                    <td id="sesiakhir">Kursus Diminati</td>
                                    <td id="empty"></td>
                                 </tr>
                              </thead>
                              <tbody>
                              </tbody>
                           </table>
                           <br/>
                           <div id="tambahmaklumatanakpemohon" 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="tambahmaklumatanakpemohon" name="tambahmaklumatanakpemohon" class="tablebutton" >Tambah</span></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumataktivitiperniagaan"></div>
                  <div class="m-form__section m-form__section--middle maklumataktivitiperniagaan">
                     <div class="m-form__heading">
                        <h3 id="maklumataktivitperniagaan" class="m-form__heading-title">
                           Maklumat Aktiviti Perniagaan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jenis Perniagaan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="jenisperniagaan" name="jenisperniagaan" placeholder="Sila masukan jenis perniagaan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Berniaga:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="form-control m-input" id="tempohberniaga" name="tempohberniaga" onchange="getTempohBerniaga($(this).val())">
                              <option value="" hidden selected>Sila pilih tempoh berniaga</option>
                              <option value="1-3 thn">1-3 thn</option>
                              <option value="3-5 thn">3-5 thn</option>
                              <option value="5-7 thn">5-7 thn</option>
                              <option value="7-10 thn">7-10 thn</option>
                              <option value="Lebih 10 thn">Lebih 10 thn</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.Lesen Perniagaan:
                        </label>
                        <div class="col-lg-2">
                           <input type="text" class="form-control m-input" id="nolesenperniagaan" name="nolesenperniagaan" placeholder="Sila masukan no lesen perniagaan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Parlimen:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="parlimen" name="parlimen">
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Johor">Johor</option>
                              <option value="Kedah">Kedah</option>
                              <option value="Kelantan">Kelantan</option>
                              <option value="Melaka">Melaka</option>
                              <option value="Negeri Sembilan">Negeri Sembilan</option>
                              <option value="Pahang">Pahang</option>
                              <option value="Penang">Penang</option>
                              <option value="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan">W.P. Labuan</option>
                              <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Dun:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="dun" name="dun">
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Johor">Johor</option>
                              <option value="Kedah">Kedah</option>
                              <option value="Kelantan">Kelantan</option>
                              <option value="Melaka">Melaka</option>
                              <option value="Negeri Sembilan">Negeri Sembilan</option>
                              <option value="Pahang">Pahang</option>
                              <option value="Penang">Penang</option>
                              <option value="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan">W.P. Labuan</option>
                              <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat Perniagaan:
                        </label>
                        <div class="col-lg-2">
                           <input type="text" class="form-control m-input" id="alamatperniagaan" name="alamatperniagaan" placeholder="Sila masukan alamat perniagaan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Premis:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="premis" name="premis" onchange="getPremis($(this).val())">
                              <option value="" hidden selected>Sila pilih premis</option>
                              <option value="Tetap">Tetap</option>
                              <option value="Sementara">Sementara</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Pemilikan:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="statuspemilikan" name="statuspemilikan" onchange="getStatusPemilikan($(this).val())">
                              <option value="" hidden selected>Sila pilih status pemilikan</option>
                              <option value="Sendiri">Sendiri</option>
                              <option value="Sewa">Sewa</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>Poskod:
                        </label>
                        <div class="col-lg-2">
                           <input type="text" class="form-control m-input" id="poskod" name="poskod" placeholder="Sila masukan poskod">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="negeri" name="negeri">
                              <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="Penang">Penang</option>
                              <option value="Perak">Perak</option>
                              <option value="Perlis">Perlis</option>
                              <option value="Selangor">Selangor</option>
                              <option value="Terengganu">Terengganu</option>
                              <option value="Sabah">Sabah</option>
                              <option value="Sarawak">Sarawak</option>
                              <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan">W.P. Labuan</option>
                              <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed tujuanpinjaman"></div>
                  <div class="m-form__section m-form__section--middle tujuanpinjaman">
                     <div class="m-form__heading">
                        <h3 id="tujuanpinjaman" class="m-form__heading-title">
                           Tujuan Pinjaman:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Bank:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namabank" name="namabank" placeholder="Sila masukan nama bank">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tujuan / Keperluan Pinjaman:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="form-control m-input" id="tujuanpenjiman" name="tujuanpenjiman" onchange="getTujuankeperluanPinjaman($(this).val())">
                              <option value="" hidden selected>Sila pilih tujuan penjiman</option>
                              <option value="Modal Tambahan">Modal Tambahan</option>
                              <option value="Perkakas & Peralatan">Perkakas & Peralatan</option>
                              <option value="BaikPulih Premis">BaikPulih Premis</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 Akuan Bank:
                        </label>
                        <div class="col-lg-2">
                           <input type="text" class="form-control m-input" id="noakuanbank" name="noakuanbank" placeholder="Sila masukan no akuan bank">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Permohonan:
                        </label>
                        <div class="input-group m-input-group col-lg-2">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="jumlahpermohonan" name="jumlahpermohonan" placeholder="Sila masukan jumlah permohonan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Bayaran Balik:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="tempohbayaranbalik" name="tempohbayaranbalik" onchange="getTempohBayaranBalik($(this).val())">
                              <option value="" hidden selected>Sila pilih tempoh bayaran balik</option>
                              <option value="25 minggu">25 minggu</option>
                              <option value="50 minggu">50 minggu</option>
                              <option value="100 minggu">100 minggu</option>
                              <option value="150 minggu">150 minggu</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed pendapatanbulanan"></div>
                  <div class="m-form__section m-form__section--middle pendapatanbulanan">
                     <div class="m-form__heading">
                        <h3 id="pendapatanbulanan" class="m-form__heading-title">
                           Pendapatan Bulanan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="pendapatanbulanantable" class="table order table-responsive tablevisibility">
                              <thead >
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowbilpendapatanbulanan">Bil </td>
                                    <td class="col-lg-7 tablevisibility" id="rowperkarapendapatanbulanan">Perkara</td>
                                    <td class="col-lg-4 tablevisibility" id="rowpendapatanpendapatanbulanan">Pendapatan (RM)</td>
                                 </tr>
                              </thead>
                              <tbody id="pendapatanbulanantablebody">
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowonependapatanbulanan" >1</td>
                                    <td class="col-lg-7 tablevisibility" id="rowpendapatanaktivitiperniagaanpemohon" >Pendapatan aktiviti perniagaan pemohon</td>
                                    <td id="rowinputpendapatanaktivitiperniagaanpemohon" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="pendapatanaktivitipemohon" name="pendapatanactivitipemohon" placeholder="Sila masukan pendapatan aktiviti"></div></td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowtwopendapatanbulanan">2</td>
                                    <td class="col-lg-7 tablevisibility" id="rowpendapatanpasangan">Pendapatan pasangan</td>
                                    <td id="rowinputpendapatanpasangan" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="pendapatanpasangan" name="pendapatanpasangan" placeholder="Sila masukan pendapatan pasangan"></div></td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowthreependapatanbulanan">3</td>
                                    <td class="col-lg-7 tablevisibility" id="rowlainlainpendapatan">Lain-lain pendapatan (Sumbangan anak,kebajikan,pendapatan sampingan)</td>
                                    <td id="rowinputlainlainpendapatan" class="tablevisibility" > <div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="lainlainpendapatan" name="lainlainpendapatan" placeholder="Sila masukan pendapatan lain lain"></div></td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowemptypendapatanbulanan"></td>
                                    <td class="col-lg-7 tablevisibility" id="rowjumlahpendapatanpendapatanbulanan" style="text-align: right">Jumlah Pendapatan</td>
                                    <td id="rowinputjumlahpendapatan" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="jumlahpendapatan" name="jumlahpendapatan" placeholder="Sila masukan jumlah pendapatan"></div></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed perbelanjaansaraanbulanan"></div>
                  <div class="m-form__section m-form__section--middle perbelanjaansaraanbulanan">
                     <div class="m-form__heading">
                        <h3 id="perbelanjaansaraanbulanan" class="m-form__heading-title">
                           Perbelanjaan / Saraan Bulanan:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table id="perbelanjaansaraanbulanantable"  class="table order table-responsive">
                              <thead >
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowbilperbelanjaansaraanbulanan">Bil </td>
                                    <td class="col-lg-7 tablevisibility" id="rowperkaraperbelanjaansaraanbulanan" >Perkara</td>
                                    <td class="col-lg-4 tablevisibility" id="rowpendapatanperbelanjaansaraanbulanan" >Pendapatan (RM)</td>
                                 </tr>
                              </thead>
                              <tbody id="perbelanjaansaraanbulanantablebody">
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowoneperbelanjaansaraanbulanan" >1</td>
                                    <td class="col-lg-7 tablevisibility" id="rowkosaktivitperniagaan" >Kos aktiviti perniagaan (modal pusingan)</td>
                                    <td id="rowinputkosaktivitperniagaan" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="pendapatanaktivitipemohon" name="pendapatanactivitipemohon" placeholder="Sila masukan pendapatan aktiviti"></div> </td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowtwoperbelanjaansaraanbulanan" >2</td>
                                    <td class="col-lg-7 tablevisibility" id="rowperbelanjaanisirumah" >Perbelanjaan isi rumah (belanja dapur)</td>
                                    <td id="rowinputperbelanjaanisirumah" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="pendapatanpasangan" name="pendapatanpasangan" placeholder="Sila masukan pendapatan pasangan"></div></td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowthreeperbelanjaansaraanbulanan" >3</td>
                                    <td class="col-lg-7 tablevisibility" id="rowperbelanjaanpersekolahan" >Perbelanjaan persekolahan (tuisyen/buku/yuran/pengankutan)</td>
                                    <td id="rowinputperbelanjaanpersekolahan" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="lainlainpendapatan" name="lainlainpendapatan" placeholder="Sila masukan pendapatan lain lain"></div> </td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowfourperbelanjaansaraanbulanan" >4</td>
                                    <td class="col-lg-7 tablevisibility" id="rowsewa" >Sewa (rumah/kenderaan/utiliti/premis/lesen</td>
                                    <td id="rowinputsewa" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="lainlainpendapatan" name="lainlainpendapatan" placeholder="Sila masukan pendapatan lain lain"></div></td>
                                 </tr>
                                 <tr>
                                    <td class="col-lg-1 tablevisibility" id="rowemptyperbelanjaansaraanbulanan" ></td>
                                    <td class="col-lg-7 tablevisibility" id="rowjumlahperbelanjaansaraanbulanan" style="text-align: right">Jumlah Pendapatan</td>
                                    <td id="rowinputjumlahperbelanjaansaraanbulanan" class="tablevisibility"><div class="input-group m-input-group col-lg-12"><span class="input-group-addon">RM</span><input type="text" class="form-control m-input" id="jumlahpendapatan" name="jumlahpendapatan" placeholder="Sila masukan jumlah pendapatan"></div></td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih (Jumlah pendapatan - jumlah perbelanjaan):
                        </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="pendapatanbersih" name="pendapatanbersih" placeholder="Sila masukan pendapatan bersih">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed petalokasi"></div>
                  <div class="m-form__section m-form__section--middle petalokasi">
                     <div class="m-form__heading">
                        <h3 id="petalokasi" class="m-form__heading-title">
                           Peta Lokasi:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span>Peta Lokasi:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="pendapatanbersih" name="pendapatanbersih" placeholder="Sila masukan pendapatan bersih">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed kursuskemahiranyangdiminati"></div>
                  <div class="m-form__section m-form__section--last kursuskemahiranyangdiminati">
                     <div class="m-form__heading">
                        <h3 id="kursuskemahiranyangdiminati" name="kursuskemahiranyangdiminati" class="m-form__heading-title">
                           Kursus Kemahiran Yang Diminati:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span> Senarai Kursus:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="senaraikursus" name="senaraikursus" onchange="getSenaraiKursus($(this).val())">
                              <option value="" hidden selected>Sila pilih senarai kursus</option>
                              <option value="Bakeri">Bakeri</option>
                              <option value="Masakan">Masakan</option>
                              <option value="Jahitan/Sulaman">Jahitan/Sulaman</option>
                              <option value="Pertanian/ternakan">Pertanian/ternakan</option>
                              <option value="Kecantikan/andaman">Kecantikan/andaman</option>
                              <option value="Kraftangan">Kraftangan</option>
                              <option value="Sejukbeku">Sejukbeku</option>
                              <option value="Kimpalam/pertukangan">Kimpalam/pertukangan</option>
                              <option value="Website/FB Marketing">Website/FB Marketing</option>
                              <option value="Motivasi">Motivasi</option>
                              <option value="Asas simpan kira">Asas simpan kira</option>
                              <option value="Pembungkusan">Pembungkusan</option>
                              <option value="Lain-Lain">Lain-Lain</option>
                           </select>
                        </div>
                        <div class="col-lg-4">
                             <input type="text" class="form-control m-input hidethistextbox" id="kursuslainlain" name="kursuslainlain" placeholder="Sila masukan kursus" >
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</form>
@endsection
@section('js')
<script src="../../../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
<script src="../../../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
<script>
   $(document).ready(function(){
            $('#statusperkahwinan').on('change', function() {
              if ( this.value == 'Berkahwin')
              {
                $(".maklumatpasangan, .maklumatanakpemohon, .maklumatpendapatanpasangan, .m-form__seperator.m-form__seperator--dashed.hidethis").show('slow');
   
                $('#maklumatanakpemohontable tbody tr').hide();
   
                $('#inputnamapenuh, #inputnomykid, #inputtadika, #inputyuran, #inputsesimula, #inputsesiakhir').val('');
            
                $("#maklumatpasangantable tbody tr, #maklumatpasangantable thead tr, #maklumatpasangantable").show();
                
              }
              else if  (this.value == 'Duda/Janda') 
              {
                $(".maklumatpasangan, .m-form__seperator.m-form__seperator--dashed.hidethis").hide('slow');
                $('#ldbodyrow tr:gt(0)').remove();
                $('#inputnamapenuhpasangan, #inputnokadpengenalanpasangan, #inputumurpasangan, #tahapkesihatanpasangan, #inputnamapenuh, #inputnomykid, #inputtadika, #inputyuran, #inputsesimula, #inputsesiakhir').val('');
   
                $(".maklumatanakpemohon, ..m-form__seperator.m-form__seperator--dashed").show('slow');
                $('#maklumatanakpemohontable tbody tr').remove();
   
                $(".maklumatpendapatanpasangan, .m-form__seperator.m-form__seperator--dashed").hide('slow'); 
                $('#jenispekerjaanpasangan, #pekerjaanpasangan, #jenisperniagaapperusahaanpasangan, #jumlahpendapatanpasangan, #namamajikanpasangan, #notelefonmajikanpasangan').val('');
   
                $("#maklumatpasangantable thead tr").hide();
                $('#maklumatpasangantable').hide();      
              }
              else 
              {
                $(".maklumatpasangan, .maklumatanakpemohon, .maklumatpendapatanpasangan, .m-form__seperator.m-form__seperator--dashed.hidethis").hide('slow');
                $('#ldbodyrow tr:gt(0)').remove();
            
   
                $('#maklumatanakpemohontable tbody tr').remove();
                $('#inputnamapenuh, #inputnomykid, #inputtadika, #inputyuran, #inputsesimula, #inputsesiakhir, #inputnamapenuhpasangan, #inputnokadpengenalanpasangan, #inputumurpasangan, #tahapkesihatanpasangan, #jenispekerjaanpasangan, #pekerjaanpasangan, #jenisperniagaapperusahaanpasangan, #jumlahpendapatanpasangan, #namamajikanpasangan, #notelefonmajikanpasangan').val('');
   
            
                $("#maklumatpasangantable thead tr").hide();
                $('#maklumatpasangantable').hide();
              }
             
            });
        });
   
        $("#nokadpengenalanpasangan,#nokadpengenalanpemohon").inputmask({mask: "999999999999", placeholder: ""});
   
        $("#bilangantangunggan, #umurpasangan").inputmask({mask: "99",placeholder: ""});
   
        $("#jumlahpendapatanpemohon, #jumlahpendapatanpasangan, #pendapatanbulananpemohon").inputmask({mask: "9999999",placeholder: ""});
   
        $('#notelefonmajikanpemohon,#notelefonmajikanpasangan, #notelefonbimbitpemohon, #notelefonbimbitpasangan').inputmask('Regex', { regex: "^(01)[0-9]{8,9}$"});
   
        $("#poskodpekerjaanpasangan,#poskodpekerjaanpemohon, #poskod").inputmask({mask: "99999", placeholder: ""});
   
        $('#notelefonrumahpemohon, #notelefonrumahpasangan').inputmask('Regex', { regex: "^(03)[0-9]{8}$"});
        
         $(document).ready(function(){
             $('#agama').on('change', function() {
               if ( this.value == 'Lain-Lain')
               {
                 $("#agamalainlain").show('slow');     
               }
               else
               {
                 $("#agamalainlain").hide('slow');
                 $("#agamalainlain").val('');
               }
             });
         });
         $(document).ready(function(){
             $('#bangsa').on('change', function() {
               if ( this.value == 'Lain-Lain')
               {
                 $("#bangsalainlain").show('slow');     
               }
               else
               {
                 $("#bangsalainlain").hide('slow');
                 $("#bangsalainlain").hide('slow');
                 $("#bangsalainlain").val('');
               }
             });
         });
         
   
    
        
         $(document).ready(function(){
           $("#inputpekerjaanpemohon").on('input',function () {
             var pekerjaanpemohon = $("#inputpekerjaanpemohon").val();
             
         
              if(pekerjaanpemohon.length == 0)
              {
                 $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
                 $(this).css({background:'url("Warning Icon.png") right no-repeat'});
                 document.getElementById('labelwarningpekerjaanpemohon').innerHTML = 'Sila nyatakan pekerjaan.';
             } 
             else
             {
                 $(this).css({background:'url("")'});         
                 document.getElementById('labelwarningpekerjaanpemohon').innerHTML = '';
             }
           });
         });
       
       
        
         $(document).ready(function(){
           $("#inputalamatpejabatpemohon").on('input',function () {
             var pekerjaanpemohon = $("#inputalamatpejabatpemohon").val();
             
         
              if(pekerjaanpemohon.length == 0)
              {
                 $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
                 $(this).css({background:'url("Warning Icon.png") right no-repeat'});
                 document.getElementById('labelwarningalamatpejabatpemohon').innerHTML = 'Sila nyatakan alamat pejabat pemohon.';
             } 
             else
             {
                 $(this).css({background:'url("")'});
                 document.getElementById('labelwarningalamatpejabatpemohon').innerHTML = '';
             }
           });
         });
       
       
         $(document).ready(function(){
           $("#inputpekerjaanpasangan").on('input',function () {
             var pekerjaanpasangan = $("#inputpekerjaanpasangan").val();
             
         
              if(pekerjaanpasangan.length == 0)
              {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
                 $(this).css({background:'url("Warning Icon.png") right no-repeat'});
                 document.getElementById('labelwarningpekerjaanpasangan').innerHTML = 'Sila nyatakan pekerjaan.';
             } 
             else
             {
                 $(this).css({background:'url("")'});
                 document.getElementById('labelwarningpekerjaanpasangan').innerHTML = '';
             }
           });
         });
   
      
       
         $(document).ready(function(){
           $("#inputalamatpejabatpasangan").on('input',function () {
             var pekerjaanpemohon = $("#inputalamatpejabatpasangan").val();
             
         
              if(pekerjaanpemohon.length == 0)
              {
               $(this).css("box-shadow", "0 0 0 .2rem rgb(247, 14, 14)!important");
                 $(this).css({background:'url("Warning Icon.png") right no-repeat'});
                 document.getElementById('labelwarningalamatpejabatpasangan').innerHTML = 'Sila nyatakan alamat pejabat pemohon.';
             } 
             else
             {
                 $(this).css({background:'url("")'});
                 document.getElementById('labelwarningalamatpejabatpasangan').innerHTML = '';
             }
           });
         });
        
   
        
         $(document).ready(function () {
             var counter = 0;
         
             $("#tambahmaklumatanakpemohon").on("click", function () {
                 var newRow = $("<tr>");
                 var cols = "";
                 
               
             
         
                 cols += '<td id="rowinputnamapenuh"><input id="inputnamapenuh" name="inputnamapenuh[]" type="text" class="form-control" name="name' + counter + '"/></td>';
                 cols += '<td id="rowinputnomykid"><input id="inputnomykid" name="inputnomykid[]" type="text" class="form-control" name="mail' + counter + '"/></td>';
                 cols += '<td id="rowinputtadika"><input id="inputtadika" name="inputtadika[]" type="text" class="form-control" name="phone' + counter + '"/><br/><input id="inputtadika2"    type="text"   class="form-control" name="phone' + counter + '"/></td>';
                 cols += '<td id="rowinputyuran"><input id="inputyuran" name="inputyuran[]" type="text" class="form-control" name="name' + counter + '"/></td>';
                 cols += '<td id="rowinputsesimula"><input id="inputsesimula" name="inputsesimula[]" type="text" class="form-control" name="mail' + counter + '"/></td>';
                 cols += '<td id="rowinputsesiakhir"><input id="inputsesiakhir" name="inputsesiakhir[]" type="text" class="form-control" name="phone' + counter + '"/></td>';
                 cols += '<td id="rowinputemptyrow"><div id="padammaklumatanakpemohon" class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill"><span><i class="la la-trash-o"></i><span id="padammaklumatanakpemohon" name="padammaklumatanakpemohon" class="tablebutton">Padam</span></span></div></td>';
                 newRow.append(cols);
                 $("#maklumatanakpemohontable").append(newRow);
                 counter++;
             });
         });
   
         $(document).ready(function () {
            
             $("#maklumatanakpemohontable").on("click", "#padammaklumatanakpemohon", function (event) {
   
                 $(this).closest("tr").remove();       
             });
             
         });
       
       
    function myFunction(ddlmaklumat) 
            {                    
             var selectedText = ddlmaklumat.options[ddlmaklumat.selectedIndex].disabled=true;
             var selectedValue = ddlmaklumat.value;                             
            }                        
            const ddlmaklumat   = document.getElementById("ddlmaklumat");
            const realFileBtn = document.getElementById("real-file");
            const customTxt   = document.getElementById("custom-text");
   
            ddlmaklumat.addEventListener("change", function() {
     realFileBtn.click();
     });
   
     realFileBtn.addEventListener("change", function() 
    {
     if (realFileBtn.value)    
     {
        customTxt.innerHTML = realFileBtn.value.match(/[\/\\]([\w\d\s\.\-\(\)]+)$/)[1];    
     }
      else 
     {
        customTxt.innerHTML = "No file chosen, yet.";
        ddlmaklumat.options[ddlmaklumat.selectedIndex].disabled=false;
     }
   
    }); 
</script>
@endsection