@extends('layouts.app')

@section('title', 'Permohonan '.strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))
@section('permohonan', 'm-menu__item--active')
@section(App\Cluster::where('id', $ipr->cluster_id)->pluck('name')[0], 'm-menu__item--active')
@section(App\IPR::where('name', $ipr->name)->pluck('name')[0], 'm-menu__item--active')

@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')
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            {{ $ipr->display_name }}
                        </h3>
                    </div>
                </div>
            </div>
            <form id="permohonan_form" enctype="multipart/form-data" class="m-form m-form--label-align-right" action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <input type="hidden" name="akuan_1" value="">
                <input type="hidden" name="akuan_2" value="">

                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first maklumatadun">
                        <div class="m-form__heading">
                            <h3 id="maklumatadun" class="m-form__heading-title">
                                Maklumat Adun:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-4 col-form-label">
                                <span style="color: red">* </span>
                                Adun Dewan Undangan Negeri(ADUN):
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="pemohon_dun_id" name="adun">
                                    <option value="">Sila pilih ...</option>
                                    @foreach ($adun as $listbox)
                                    <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                    @endforeach
                                </select>
                                <!-- semakan dun -->
                                  <p><a style="font-size: 12px;" href="https://pengundi.spr.gov.my/" target="_blank" rel="noopener noreferrer">[KLIK PAUTAN] Semak kawasan DUN anda.</a></p>
                                <!-- /semakan dun -->
                            </div>
                        </div>
                    </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="nama" value="{{ Auth::user()->name }}" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri Kelahiran:
                        </label>
                        <div class="col-lg-4">
                            <select id="negerikelahiran" name="negerikelahiran" class="form-control m-input">
                                <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                                <option value="1">Selangor</option>
                                <option value="2">Perak</option>
                                <option value="3">Melaka</option>
                                <option value="4">Kedah</option>
                                <option value="5">Perlis</option>
                                <option value="6">Negeri Sembilan</option>
                                <option value="7">Sabah</option>
                                <option value="8">Kelantan</option>
                                <option value="9">Pahang</option>
                                <option value="10">Terengganu</option>
                                <option value="11">W.P. Kuala Lumpur</option>
                                <option value="12">Pulau Pinang</option>
                                <option value="13">Sarawak</option>
                                <option value="14">Johor</option>
                                <option value="15">W.P. Labuan</option>
                                <option value="16">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>No Identiti:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                        <select class="m-input" id="jenisidentiti" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" value="{{ Auth::user()->ic_type }}" readonly>
                              <option value="1" @if($profile->ic_type == "1") selected @endif>No. KP</option>
                              <option value="2" @if($profile->ic_type == "2") selected @endif>No. Tentera</option>
                              <option value="3" @if($profile->ic_type == "3") selected @endif>No. Polis</option>
                           </select>
                           <input type="text" class="form-control m-input" id="nokadpengenalanpemohon" name="ic" placeholder="Sila masukan no kad pengenalan" value="{{ Auth::user()->username }}" readonly onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="^(01)[0-9]{8,9}$" maxlength="12" autofocus="autofocus">
                        </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">
                              <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 masukkan warganegara" >
                        </div>
                     </div>
                     <div class="row">
                        <div class="col-lg-2"></div>
                        <div class="col-lg-4">
                            <small class="exist_ic" style="color:#f4516c;display:none">No. K/P / No. Tentera / No. Polis telah didaftar.</small>
                            <small class="loading_ic" style="color:#f4516c;display:none">Memeriksa...</small>
                            <small class="success_ic" style="color:green;display:none">Ok</small>
                            <small class="length_ic" style="color:#f4516c;display:none">No. Identiti mestilah 12 digit sahaja.</small>
                        </div>
                        <div class="col-lg-2"></div>
                        <div class="col-lg-4"></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="tel_bimbit" value="{{ $profile->tel_bimbit }}" placeholder="Sila masukkan no telefon bimbit" readonly>
                        </div>
                          <label class="col-lg-2 col-form-label">
                            No Telefon Rumah:
                          </label>
                          <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="notelefonrumahpemohon" name="tel_rumah" value="{{ $profile->tel_rumah }}" placeholder="Sila masukkan no telefon rumah" readonly>
                          </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <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="status_perkahwinan" name="status_perkahwinan" onchange="getStatus($(this).val())" readonly>
                                    <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                    <option value="Bujang" @if($profile->status_perkahwinan == "Bujang") selected @endif>Bujang</option>
                                    <option value="Berkahwin" @if($profile->status_perkahwinan == "Berkahwin") selected @endif>Berkahwin</option>
                                    <option value="Duda/Janda" @if($profile->status_perkahwinan == "Duda/Janda") selected @endif>Duda/Janda</option>
                                </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Email:
                          </label>
                          <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="email" name="email" value="{{ $profile->email }}" placeholder="Sila masukkan email" readonly>
                          </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_1" name="alamat_1" value="{{ $profile->alamat_1 }}" placeholder="Sila masukkan alamat" readonly>
                        </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" value="{{ $profile->poskod }}" placeholder="Sila masukkan poskod" readonly>
                        </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" id="alamat_2" name="alamat_2" value="{{ $profile->alamat_2 }}" readonly>
                        </div>
                        <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" value="{{ $profile->bandar }}" readonly>
                        </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" id="alamat_3" name="alamat_3" value="{{ $profile->alamat_3 }}" readonly>
                        </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" readonly>
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Selangor" @if($profile->negeri == 'Selangor') selected @endif>Selangor</option>
                           </select>
                        </div>
                     </div>
                  </div>

                  <!-- maklumat pengajian pemohon -->
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpengajianpemohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatpengajianpemohon">
                    <div class="m-form__heading">
                      <h3 id="maklumatpendapatanpemohon" class="m-form__heading-title">
                         Maklumat Pengajian 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 IPTA/IPTS:
                      </label>
                      <div class="col-lg-4">
                        <input type="text" class="form-control m-input" id="namaipta" name="namaipta" placeholder="Sila masukkan nama IPTA/IPTS">
                      </div>

                      <label class="col-lg-2 col-form-label">
                      <span style="color: red">* </span>Jenis IPT:
                      </label>
                      <div class="col-lg-4">
                        <select class="form-control m-input" id="jenisipt" name="jenis_ipt">
                                <option value="" hidden selected>Sila pilih jenis IPT</option>
                                <option value="IPTA">IPTA</option>
                                <option value="IPTS">IPTS</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>Peringkat Pengajian:
                      </label>
                      <div class="col-lg-4">
                        <select class="form-control m-input" id="peringkat_pengajian" name="peringkat_pengajian">
                                <option value="" hidden selected>Sila pilih Peringkat Pengajian</option>
                                <option value="Diploma">Diploma</option>
                                <option value="Ijazah Sarjana Muda">Ijazah Sarjana Muda</option>
                        </select>
                      </div>
                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Semester:
                      </label>
                      <div class="col-lg-4">
                        <input type="number" min="0" class="form-control m-input" id="jumlah_sem" name="jumlah_sem" placeholder="Sila masukkan jumlah semester">
                      </div>
                    </div>

                    <div class="form-group m-form__group row">
                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Kursus:
                      </label>
                      <div class="col-lg-10">
                        <input type="text" class="form-control m-input" id="nama_kursus" name="nama_kursus" placeholder="Sila masukkan nama kursus">
                      </div>

                      <!-- <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Semester:
                      </label>
                      <div class="col-lg-4">
                        <input type="text" class="form-control m-input" id="jumlah_sem" name="jumlah_sem" placeholder="Sila masukkan jumlah semester">
                      </div> -->

                    </div>


                    <div class="form-group m-form__group row">
                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Pengajian:
                      </label>
                      <div class="col-lg-2">
                        <input type="number" class="form-control m-input" min="0" id="tempoh_pengajian_tahun" name="tempoh_pengajian_tahun" placeholder="Tahun">
                      </div>
                      <div class="col-lg-2">
                        <input type="number" class="form-control m-input" max="12" min="0" id="tempoh_pengajian_bulan" name="tempoh_pengajian_bulan" placeholder="Bulan">
                      </div>

                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nombor Kad Pelajar:
                      </label>
                      <div class="col-lg-4">
                        <input type="text" class="form-control m-input" id="no_kad_pelajar" name="no_kad_pelajar" placeholder="Nombor kad pelajar">
                      </div>

                    </div>


                    <div class="form-group m-form__group row">
                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tarikh Mula Pengajian:
                      </label>
                      <div class="col-lg-4">
                        <input type="date" class="form-control m-input" id="tarikh_mula_peng" name="tarikh_mula_peng" placeholder="Sila masukkan nama kursus">
                      </div>

                      <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span> Tarikh Akhir Pengajian:
                      </label>
                      <div class="col-lg-4">
                        <input type="date" class="form-control m-input" id="tarikh_akhir_peng" name="tarikh_akhir_peng" placeholder="Sila masukkan jumlah semester">
                      </div>

                    </div>


                  </div>

                  <!-- end maklumat pengajian pemohon -->

                  <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">
                              <option value="" hidden selected>Sila pilih status pekerjaan</option>
                              <option value="Bekerja">Bekerja</option>
                              <option value="Tidak Bekerja">Tidak Bekerja</option>
                        </select>
                        </div>
                        <label class="col-lg-2 col-form-label" id="notelefonpejabatpemohonlabel">
                        <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 masukkan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row" id="pendapatankasarsebulanpemohonlabel">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpemohon" name="pendapatankasarsebulanpemohon" placeholder="Sila masukkan pendapatan" >
                        </div>
                        <!-- <label class="col-lg-2 col-form-label" id="pendapatanbersihsebulanpemohonlabel" >
                        <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" id="pendapatanbersihsebulanpemohon" name="pendapatanbersihsebulanpemohon" placeholder="Sila masukkan pendapatan bersih sebulan" >
                        </div> -->
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label" id="sumberpendapatanlainpemohonlabel">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="form-control m-input" id="jenissumberpendapatanlainpemohon" name="jenissumberpendapatanlainpemohon">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                          </div>
                          <label class="col-lg-2 col-form-label">
                                  
                          </label>
                          <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="sumberpendapatanlainpemohon" name="sumberpendapatanlainpemohon" placeholder="Sila nyatakan sumber pendapatan lain">
                          </div>
                     </div>
                     <div id="divsumberpendapatanlainadapemohon" class="hidethis">
                        <div class="form-group m-form__group row">
                           <div class="col-lg-2">
                           </div>
                           <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" id="sumberpendapatanlainadapemohon" name="sumberpendapatanlainadapemohon" placeholder="Sila masukkan sumber pendapatan lain">
                           </div>
                        </div>
                     </div>
                  </div>

                  <div class="m-form__seperator m-form__seperator--dashed maklumat_pasangan"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pasangan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                              <!-- pasangan -->
                              <div id="pasangan_input">
                                @if(count($pasangan) < 1)
                                <!-- form group pasangan -->
                                <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">
                                  <span style="color: red">* </span>No. Identiti
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]">
                                  </div>
                                  <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 nama" id="pasangan_nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                  </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 pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]">
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  No Telefon Rumah
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pasangan_no_telefon_rumah" id="pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]">
                                  </div>
                               </div>

                               <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">
                                  Status Pekerjaan
                                  </label>
                                  <div class="col-lg-4">
                                    <select class="form-control m-input jenispekerjaanpasangan" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan[]">
                                      <option value="" hidden selected>Sila pilih status pekerjaan</option>
                                      <option value="Bekerja">Bekerja</option>
                                      <option value="Tidak Bekerja">Tidak bekerja</option>
                                    </select>
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  
                                  </label>
                                  <div class="col-lg-4">
                                     <input type="text" class="form-control m-input notelefonpejabatpasangan" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan[]" placeholder="No Telefon Pejabat">
                                  </div>
                               </div>

                               <div class="form-group m-form__group row" id="pendapatankasarsebulanpasanganlabel">
                                  <label class="col-lg-2 col-form-label">
                                  Pendapatan
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pendapatankasarsebulanpasangan" id="pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]">
                                  </div>
                                  <!-- <label class="col-lg-2 col-form-label">
                                  Pendapatan Bersih
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pendapatanbersihsebulanpasangan" id="pendapatanbersihsebulanpasangan" name="pendapatanbersihsebulanpasangan[]">
                                  </div> -->
                               </div>

                               <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">

                                  </label>
                                  <div class="col-lg-4">
                                    <select class="form-control m-input jenissumberpendapatanlainpasangan" id="jenissumberpendapatanlainpasangan" name="jenissumberpendapatanlainpasangan[]">
                                      <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                                      <option value="Ada">Ada</option>
                                      <option value="Tiada">Tiada</option>
                                    </select>
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]" placeholder="Nyatakan Pendapatan Lain">
                                  </div>
                               </div>
                               <!-- /form group pasangan -->
                                @else
                                  @foreach ($pasangan as $pasangan)
                                <!-- form group pasangan if ada-->
                                <div class="form-group m-form__group row">
                                  <div class="m-form__seperator m-form__seperator--dashed maklumatpasangan"></div>
                                  <label class="col-lg-2 col-form-label">
                                  <span style="color: red">* </span>No. Identiti
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]" value="{{ $pasangan->ic_pasangan }}">
                                  </div>
                                  <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 nama" id="pasangan_nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g" value="{{ $pasangan->nama }}">
                                  </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 pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]" value="{{ $pasangan->no_tel_bimbit }}">
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  No Telefon Rumah
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pasangan_no_telefon_rumah" id="pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]" value="{{ $pasangan->no_tel_rumah }}">
                                  </div>
                               </div>

                               <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">
                                  Status Pekerjaan
                                  </label>
                                  <div class="col-lg-4">
                                    <select class="form-control m-input jenispekerjaanpasangan" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan[]">
                                      <option value="" hidden selected>Sila pilih status pekerjaan</option>
                                      <option value="Bekerja">Bekerja</option>
                                      <option value="Tidak Bekerja">Tidak bekerja</option>
                                    </select>
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  
                                  </label>
                                  <div class="col-lg-4">
                                     <input type="text" class="form-control m-input notelefonpejabatpasangan" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan[]" placeholder="No Telefon Pejabat">
                                  </div>
                               </div>

                               <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">
                                  Pendapatan
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pendapatankasarsebulanpasangan" id="pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]" value="{{ $pasangan->pendapatan }}">
                                  </div>
                                  <!-- <label class="col-lg-2 col-form-label">
                                  Pendapatan Bersih
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input pendapatanbersihsebulanpasangan" id="pendapatanbersihsebulanpasangan" name="pendapatanbersihsebulanpasangan[]">
                                  </div> -->
                               </div>

                               <div class="form-group m-form__group row">
                                  <label class="col-lg-2 col-form-label">

                                  </label>
                                  <div class="col-lg-4">
                                    <select class="form-control m-input jenissumberpendapatanlainpasangan" id="jenissumberpendapatanlainpasangan" name="jenissumberpendapatanlainpasangan[]">
                                      <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                                      <option value="Ada">Ada</option>
                                      <option value="Tiada">Tiada</option>
                                    </select>
                                  </div>
                                  <label class="col-lg-2 col-form-label">
                                  
                                  </label>
                                  <div class="col-lg-4">
                                    <input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]" placeholder="Nyatakan Pendapatan Lain">
                                  </div>
                               </div>
                               <!-- /form group pasangan if ada-->
                                  @endforeach


                                @endif
                            </div>

                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="pasangan_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>

                              <!-- /pasangan -->

                                
                            </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 masukkan nama">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri Kelahiran:
                        </label>
                        <div class="col-lg-4">
                            <select id="negerikelahiranpenjaga" name="negerikelahiranpenjaga" class="form-control m-input">
                                <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                                <option value="1">Selangor</option>
                                <option value="2">Perak</option>
                                <option value="3">Melaka</option>
                                <option value="4">Kedah</option>
                                <option value="5">Perlis</option>
                                <option value="6">Negeri Sembilan</option>
                                <option value="7">Sabah</option>
                                <option value="8">Kelantan</option>
                                <option value="9">Pahang</option>
                                <option value="10">Terengganu</option>
                                <option value="11">W.P. Kuala Lumpur</option>
                                <option value="12">Pulau Pinang</option>
                                <option value="13">Sarawak</option>
                                <option value="14">Johor</option>
                                <option value="15">W.P. Labuan</option>
                                <option value="16">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>No. Identiti:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="m-input" id="ic_type_1" name="ic_type_1" 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="" data-inputmask-regex="([a-zA-Z0-9 ])+/g" 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="warganegarapenjaga" name="warganegarapenjaga">
                              <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="warganegarapenjagalainlain" name="warganegarapenjagalainlain" placeholder="Sila masukkan warganegara penjaga" >
                        </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 masukkan no telefon bimbit">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpenjaga" name="notelefonrumahpenjaga" placeholder="Sila masukkan 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="penjaga" name="pertalianpenjaga">
                              <option value="" hidden selected>Sila pilih pertalian</option>
                              <option value="Ibu">Ibu</option>
                              <option value="Bapa">Bapa</option>
                           </select><br/>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tempoh Menetap di Negeri Selangor (Tahun):
                        </label>
                        <div class="col-lg-4">
                           <input type="number" min="0" class="form-control m-input" id="tempohmenetappenjaga" name="tempohmenetappenjaga" placeholder="Sila masukkan tempoh menetap di Negeri Selangor">
                        </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 masukkan nama">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri Kelahiran:
                        </label>
                        <div class="col-lg-4">
                            <select id="negerikelahiranpasanganpenjaga" name="negerikelahiranpasanganpenjaga" class="form-control m-input">
                                <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                                <option value="1">Selangor</option>
                                <option value="2">Perak</option>
                                <option value="3">Melaka</option>
                                <option value="4">Kedah</option>
                                <option value="5">Perlis</option>
                                <option value="6">Negeri Sembilan</option>
                                <option value="7">Sabah</option>
                                <option value="8">Kelantan</option>
                                <option value="9">Pahang</option>
                                <option value="10">Terengganu</option>
                                <option value="11">W.P. Kuala Lumpur</option>
                                <option value="12">Pulau Pinang</option>
                                <option value="13">Sarawak</option>
                                <option value="14">Johor</option>
                                <option value="15">W.P. Labuan</option>
                                <option value="16">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>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_2" name="ic_type_2" 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="" data-inputmask-regex="([a-zA-Z0-9 ])+/g" 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="warganegarapasanganpenjaga" name="warganegarapasanganpenjaga">
                              <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="warganegarapasanganpenjagalainlain" name="warganegarapasanganpenjagalainlain" placeholder="Sila masukkan warganegara penjaga" >
                        </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 masukkan no telefon bimbit">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpasanganpenjaga" name="notelefonrumahpasanganpenjaga" placeholder="Sila masukkan 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>Tempoh Menetap di Negeri Selangor (Tahun):
                        </label>
                        <div class="col-lg-4">
                           <input type="number" min="0" class="form-control m-input" id="tempohmenetappasanganpenjaga" name="tempohmenetappasanganpenjaga" placeholder="Sila masukkan tempoh menetap di Negeri Selangor">
                        </div>
                        <!-- <div class="col-lg-1">
                          Tahun
                        </div> -->
                     </div>

                  </div>
                    <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpenjaga"></div>
                    <div class="m-form__section m-form__section--middle maklumatpendapatanpenjaga">
                     <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">
                              <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" id="notelefonpejabatpenjagalabel">
                        <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 masukkan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label" id="pendapatankasarsebulanpenjagalabel">
                        <span style="color: red">* </span>Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4" id="pendapatankasarsebulanpenjagalabel">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpenjaga" name="pendapatankasarsebulanpenjaga" placeholder="Sila masukkan pendapatan" >
                        </div>
                        <!-- <label class="col-lg-2 col-form-label" id="pendapatanbersihsebulanpenjagalabel">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4" id="pendapatanbersihsebulanpenjagalabel">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatanbersihsebulanpenjaga" name="pendapatanbersihsebulanpenjaga" placeholder="Sila masukkan pendapatan bersih sebulan">
                        </div> -->
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label" id="jenissumberpendapatanlainpenjagalabel">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="form-control m-input" id="jenissumberpendapatanlainpenjaga" name="jenissumberpendapatanlainpenjaga">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                          </div>
                          <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="sumberpendapatanlainpenjaga" name="sumberpendapatanlainpenjaga" placeholder="Sila nyatakan sumber pendapatan lain">
                          </div>
                     </div>
                     <div id="divsumberpendapatanlainadapenjaga" class="hidethis">
                        <div class="form-group m-form__group row">
                           <div class="col-lg-2">
                           </div>
                           <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" id="sumberpendapatanlainpenjaga1" name="sumberpendapatanlainpenjaga1" placeholder="Sila masukkan sumber pendapatan lain">
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanpasanganpenjaga"></div>
                  <div class="m-form__section m-form__section--middle maklumatpendapatanpasanganpenjaga">
                     <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">
                              <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" id="notelefonpejabatpasanganpenjagalabel">
                        <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 masukkan no telefon pejabat">
                        </div>
                      
                     </div>
                     <div class="form-group m-form__group row">
                     <label class="col-lg-2 col-form-label" id="pendapatankasarsebulanpasanganpenjagalabel">
                        <span style="color: red">* </span>Pendapatan:
                        </label>
                        <div class="input-group m-input-group col-lg-4" id="pendapatankasarsebulanpasanganpenjagalabel">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpasanganpenjaga" name="pendapatankasarsebulanpasanganpenjaga" placeholder="Sila masukkan pendapatan">
                        </div>
                        <!-- <label class="col-lg-2 col-form-label" id="pendapatanbersihsebulanpasanganpenjagalabel">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4" id="pendapatanbersihsebulanpasanganpenjagalabel">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatanbersihsebulanpasanganpenjaga" name="pendapatanbersihsebulanpasanganpenjaga" placeholder="Sila masukkan pendapatan bersih sebulan">
                        </div> -->
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label" id="jenissumberpendapatanlainpasanganpenjagalabel">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="form-control m-input" id="jenissumberpendapatanlainpasanganpenjaga" name="jenissumberpendapatanlainpasanganpenjaga">
                              <option value="" hidden selected>Sila pilih sumber pendapatan lain</option>
                              <option value="Ada">Ada</option>
                              <option value="Tiada">Tiada</option>
                           </select><br/>
                          </div>
                          <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="sumberpendapatanlainpasanganpenjaga" name="sumberpendapatanlainpasanganpenjaga" placeholder="Sila nyatakan sumber pendapatan lain">
                          </div>
                     </div>
                     <div id="divsumberpendapatanlainadapasanganpenjaga" class="hidethis">
                        <div class="form-group m-form__group row">
                           <div class="col-lg-2">
                           </div>
                           <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" id="sumberpendapatanlainadapasanganpenjaga" name="sumberpendapatanlainadapasanganpenjaga" placeholder="Sila masukkan sumber pendapatan lain">
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatbutiran"></div>
                    <div class="m-form__section m-form__section--middle maklumatbutiran">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Butiran Isi Rumah
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><span style="color: red">* </span>Nama</th>
                                            <th><span style="color: red">* </span>No. Identiti</th>
                                            <th>Hubungan</th>
                                            <th><span style="color: red">* </span>Pendapatan</th>
                                            <th width="10%"></th>
                                        </tr>
                                    </thead>
                                    <tbody id="butiran_input">
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input butiran_nama" id="butiran_nama" name="butiran_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input butiran_ic" id="butiran_ic" name="butiran_ic[]"  >
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="butiran_hubungan" name="butiran_hubungan[]">
                                            </td>
                                            <td>
                                                <div class="input-group m-input-group col-lg-12">
                                                    <span class="input-group-addon">
                                                        RM
                                                    </span>
                                                    <input type="number" class="form-control m-input butiran_pendapatan" id="butiran_pendapatan" name="butiran_pendapatan[]">
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="butiran_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                  <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                  <div class="m-form__section m-form__section--last lampirandokumen">
                     <div class="m-form__heading">
                        <h3 class="m-form__heading-title">
                           Senarai Semak Dokumen:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table class="table  order table-responsive">
                              <thead>
                                 <tr>
                                    <th width="3%">Bil.</th>
                                    <th width="67%">Dokumen</th>
                                    <th width="30%">Muat Naik</th>
                                 </tr>
                              </thead>
                              <tbody>
                                <tr>
                                    <td>1. </td>
                                    <td><span style="color: red">* </span>Surat Permohonan Bantuan Pemohon</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_1">
                                        <input class="form-control m-input" type="hidden" value="Surat Permohonan Bantuan Pemohon" name="dokumen_1title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>2. </td>
                                    <td><span style="color: red">* </span>Salinan Kad Pengenalan Pemohon</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_2">
                                        <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan Pemohon" name="dokumen_2title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>3. </td>
                                    <td><span style="color: red">* </span>Salinan Kad Pengenalan Ibu</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_3">
                                        <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan Ibu" name="dokumen_3title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>4. </td>
                                    <td><span style="color: red">* </span>Salinan Kad Pengenalan Bapa</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_4">
                                        <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan Bapa" name="dokumen_4title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>5. </td>
                                    <td><span style="color: red">* </span>Salinan Kad Pengenalan Isi Rumah</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_5">
                                        <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan Isi Rumah" name="dokumen_5title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>6. </td>
                                    <td><span style="color: red">* </span>Salinan Sijil Kelahiran Pemohon</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_6">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Kelahiran Pemohon" name="dokumen_6title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>7. </td>
                                    <td><span style="color: red">* </span>Salinan Sijil Kelahiran Ibu</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_7">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Kelahiran Ibu" name="dokumen_7title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>8. </td>
                                    <td><span style="color: red">* </span>Salinan Sijil Kelahiran Bapa</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_8">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Kelahiran Bapa" name="dokumen_8title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>9. </td>
                                    <td><span style="color: red">* </span>Salinan Sijil Kelahiran Isi Rumah</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_9">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Kelahiran Isi Rumah" name="dokumen_9title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>10. </td>
                                    <td><span style="color: red">* </span>Salinan Surat Tawaran dan Penerimaan Tawaran daripada IPTA/IPTS</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_10">
                                        <input class="form-control m-input" type="hidden" value="Salinan Surat Tawaran dan Penerimaan Tawaran daripada IPTA/IPTS" name="dokumen_10title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>11. </td>
                                    <td><span style="color: red">* </span>Salinan Surat Pengesahan Pemohon Sedang Dalam Tempoh Pengajian di IPTA/IPTS</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_11">
                                        <input class="form-control m-input" type="hidden" value="Salinan Surat Pengesahan Pemohon Sedang Dalam Tempoh Pengajian di IPTA/IPTS" name="dokumen_11title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>12. </td>
                                    <td><span style="color: red">* </span>Salinan Surat Pengesahan Jumlah Kos (RM) Keseluruhan Pengajian dan Baki atau Tunggakan Yuran Semester</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_12">
                                        <input class="form-control m-input" type="hidden" value="Salinan Surat Pengesahan Jumlah Kos (RM) Keseluruhan Pengajian dan Baki atau Tunggakan Yuran Semester" name="dokumen_12title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>13. </td>
                                    <td><span style="color: red">* </span>Salinan Penyata Akaun Bank IPTA/IPTS</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_13">
                                        <input class="form-control m-input" type="hidden" value="Salinan Penyata Akaun Bank IPTA/IPTS" name="dokumen_13title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>14. </td>
                                    <td><span style="color: red">* </span>Salinan Sijil SPM, Sijil Berhenti Sekolah dan lain-lain berkaitan</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_14">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil SPM, Sijil Berhenti Sekolah dan lain-lain berkaitan" name="dokumen_14title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>15. </td>
                                    <td><span style="color: red"> </span>Kad Orang Kelainan Upaya (OKU)</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_15">
                                        <input class="form-control m-input" type="hidden" value="Kad Orang Kelainan Upaya (OKU)" name="dokumen_15title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>16. </td>
                                    <td><span style="color: red"> </span>Surat Pengesahan Pemastautin Negeri Selangor (Melebihi 15 tahun)</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_16">
                                        <input class="form-control m-input" type="hidden" value="Surat Pengesahan Pemastautin Negeri Selangor (Melebihi 15 tahun)" name="dokumen_16title">
                                    </td>
                                 </tr>
                                 <tr>
                                  <td bgcolor="#ffffb3" colspan="3">
                                    Semua salinan dokumen hendaklah <b><u>diakui sah</u></b> oleh Ahli Malis Mesyuarat Kerajaan Negeri Selangor (EXCO)/ Ahli Parlimen/ Ahli Dewan Negeri (ADN)/ Ahli Majlis/ Penghulu/ Ketua Kampung/ Ketua Kampung Bagan/ Ketua Komuniti Kaum India(KKI).
                                  </td>
                                <tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="validate()">
                                    Hantar
                                </button>
                                <button type="reset" class="btn btn-secondary"  onclick="window.location='{{ url('cluster/pendidikan') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


{{-- Modal --}}
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">
                    Rumusan Permohonan <br>
                    <small>
                        <i>Tarikh Permohonan: {{ date('d/m/Y') }}</i>
                    </small>
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">
                    Maklumat Adun:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            DUN:
                            </label>
                            <input type="text" class="form-control" id="m_pemohon_dun_id" >
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">
                    Maklumat Pemohon:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama:
                            </label>
                            <input type="text" class="form-control" id="m_nama" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Negeri Kelahiran:
                            </label>
                            <input type="text" class="form-control" id="m_negerikelahiran" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                No Identiti:
                            </label>
                            <input type="text" class="form-control" id="m_identiti" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Warganegara:
                            </label>
                            <input type="text" class="form-control" id="m_warganegara" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Telefon Bimbit:
                            </label>
                            <input type="text" class="form-control" id="m_telefon_pemohon" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon Rumah:
                            </label>
                            <input type="text" class="form-control" id="m_telefon_rumah_pemohon" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Status Perkahwinan:
                            </label>
                            <input type="text" class="form-control" id="m_status_perkahwinan_pemohon" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Email:
                            </label>
                            <input type="text" class="form-control" id="m_email" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Alamat:
                            </label>
                            <textarea type="text" class="form-control" id="m_alamat" readonly></textarea>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr maklumat_pengajian">
                <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">
                    Maklumat Pengajian:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama IPTA/IPTS:
                            </label>
                            <input type="text" class="form-control" id="m_uni" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Jenis IPT:
                            </label>
                            <input type="text" class="form-control" id="m_jenis_ipt" required>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Peringkat Pengajian:
                            </label>
                            <input type="text" class="form-control" id="m_peringkat_pengajian" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            No Kad Pelajar:
                            </label>
                            <input type="text" class="form-control" id="m_no_kad_pelajar" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Jumlah Semester:
                            </label>
                            <input type="text" class="form-control" id="m_jumlah_sem" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Nama Kursus:
                            </label>
                            <input type="text" class="form-control" id="m_nama_kursus" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Tarikh Akhir Pengajian:
                            </label>
                            <input type="text" class="form-control" id="m_tarikh_akhir_peng" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Tarikh Mula Pengajian:
                            </label>
                            <input type="text" class="form-control" id="m_tarikh_mula_peng" >
                        </div>
                        
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Tempoh Pengajian Tahun:
                            </label>
                            <input type="text" class="form-control" id="m_tempoh_pengajian_tahun" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Tempoh Pengajian Bulan:
                            </label>
                            <input type="text" class="form-control" id="m_tempoh_pengajian_bulan" >
                        </div>
                        
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Pendapatan Pemohon:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Status Pekerjaan:
                            </label>
                            <input type="text" class="form-control" id="m_status_pekerjaan" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_no_telefon_pejabat" >
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label"  id="label_m_pendapatan_kasar_sebulan" >
                            Pendapatan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_kasar_sebulan" >
                        </div>
                        <!-- <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_pendapatan_bersih_sebulan">
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan" >
                        </div> -->
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_sumber_pendapatan_lain">
                            Sumber Pendapatan Lain:                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_sumber_pendapatan_lain_rm_pemohon">
                            RM                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_rm_pemohon" >
                        </div>                        
                    </div>      
                </div>
                <hr class="modal-hr maklumat_pasangan">
                <div class="m-form__section m-form__section--middle maklumat_pasangan">
                    <h5 style="color: #f4516c">
                        Maklumat Pasangan:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-12">
                            <div id="m_pasangan_input">
                              
                            </div>
                            <!-- <table class="table">
                                <thead>
                                    <tr>
                                        <th>No. Identiti</th>
                                        <th>Nama</th>
                                        <th>No Telefon Bimbit</th>
                                        <th>No Telefon Rumah</th>
                                        <th>Jenis Pekerjaan</th>
                                        <th>No Tel Pejabat</th>
                                        <th>Pendapatan Kasar</th>
                                        <th>Pendapatan Bersih</th>
                                        <th>Pendapatan Lain</th>
                                    </tr>
                                </thead>
                                <tbody id="m_pasangan_input"></tbody>
                            </table> -->
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Maklumat Penjaga:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama:
                            </label>
                            <input type="text" class="form-control" id="m_nama_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Negeri Kelahiran:
                            </label>
                            <input type="text" class="form-control" id="m_negerikelahiranpenjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            No identiti:
                            </label>
                            <input type="text" class="form-control" id="m_identiti_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Warganegara:
                            </label>
                            <input type="text" class="form-control" id="m_warganegarapenjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            No Telefon Bimbit:

                            </label>
                            <input type="text" class="form-control" id="m_telefon_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                             No Telefon Rumah:
                            </label>
                            <input type="text" class="form-control" id="m_telefon_rumah_penjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Pertalian:
                            </label>
                            <input type="text" class="form-control" id="m_pertalian_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Tempoh Menetap di Negeri Selangor:
                            </label>
                            <input type="text" class="form-control" id="m_tempohmenetappenjaga" >
                        </div>
                    </div>
                    
                </div>

                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Pasangan Penjaga:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama:
                            </label>
                            <input type="text" class="form-control" id="m_nama_pasangan_penjaga" >
                        </div>

                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Negeri Kelahiran:
                            </label>
                            <input type="text" class="form-control" id="m_negerikelahiranpasanganpenjaga" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            No identiti:
                            </label>
                            <input type="text" class="form-control" id="m_identiti_pasangan_penjaga" >
                        </div>

                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Warganegara:
                            </label>
                            <input type="text" class="form-control" id="m_warganegarapasanganpenjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            No Telefon Bimbit:

                            </label>
                            <input type="text" class="form-control" id="m_telefon_pasangan_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                             No Telefon Rumah:
                            </label>
                            <input type="text" class="form-control" id="m_telefon_rumah_pasangan_penjaga" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Tempoh Menetap di Negeri Selangor:
                            </label>
                            <input type="text" class="form-control" id="m_tempohmenetappasanganpenjaga" >
                        </div>
                    </div>
                             
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Pendapatan Penjaga:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" >
                                Status Pekerjaan:
                            </label>
                            <input type="text" class="form-control" id="m_status_pekerjaan_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_no_telefon_pejabat_penjaga" >
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat_penjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_pendapatan_kasar_sebulan_penjaga">
                            Pendapatan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_kasar_sebulan_penjaga" >
                        </div>
                        <!-- <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_pendapatan_bersih_sebulan_penjaga">
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan_penjaga" >
                        </div> -->
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_sumber_pendapatan_lain_penjaga">
                            Sumber Pendapatan Lain:                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_sumber_pendapatan_lain_rm_penjaga">
                            RM                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_rm_penjaga" >
                        </div>
                        
                    </div>
                             
                </div>

                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Pendapatan Pasangan Penjaga:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Status Pekerjaan:
                            </label>
                            <input type="text" class="form-control" id="m_status_pekerjaan_pasangan_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_no_telefon_pejabat_pasangan_penjaga">
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat_pasangan_penjaga" >
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_pendapatan_kasar_sebulan_pasangan_penjaga">
                            Pendapatan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_kasar_sebulan_pasangan_penjaga" >
                        </div>
                        <!-- <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_pendapatan_bersih_sebulan_pasangan_penjaga" >
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan_pasangan_penjaga" >
                        </div> -->
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label"  id="label_m_sumber_pendapatan_lain_pasangan_penjaga">
                            Sumber Pendapatan Lain:                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_pasangan_penjaga" >
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label" id="label_m_sumber_pendapatan_lain_pasangan_rm_penjaga">
                            RM                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_pasangan_rm_penjaga" >
                        </div>
                        
                    </div>
                    <hr class="modal-hr maklumat_butiran">
                        <div class="m-form__section m-form__section--middle maklumat_butiran">
                            <h5 style="color: #f4516c">
                                Maklumat Butiran Isi Rumah:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Nama</th>
                                                <th>No. Identiti</th>
                                                <th>Hubungan</th>
                                                <th>Pendapatan Bulanan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_butiran_input"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    <hr class="modal-hr">
                    <div class="m-form__section m-form__section--middle document">
                        <div class="form-group row">
                            <h5 style="color: #f4516c">
                                Senarai Semak Dokumen:
                            </h5>
                            <br>
                        </div>
                        <div class="form-group row" id="documentlist"> 
                            </div>
                        <div class="form-group row">
                            <div class="col-md-12">
                                Semua salinan dokumen <b><u>adalah diakui sah</u></b> oleh Ahli Malis Mesyuarat Kerajaan Negeri Selangor (EXCO)/ Ahli Parlimen/ Ahli Dewan Negeri (ADN)/ Ahli Majlis/ Penghulu/ Ketua Kampung/ Ketua Kampung Bagan/ Ketua Komuniti Kaum India(KKI).
                        </div>
                    </div>
                </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--end">
                    <h5 style="color: #f4516c">
                        Perakuan Pemohon:
                    </h5>
                    <br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">
                                Sila ambil perhatian bahawa Akta Perlindungan Data Peribadi 2010 memberi anda hak tertentu ke atas penggunaan data peribadi anda oleh pihak kami. Kerajaan Negeri Selangor memberi keutamaan dalam hal melindungi data peribadi anda dan memastikanianya terpelihara dengan mengambil langkah tertentu seperti yang termaktub di dalam akta tersebut. Denganmengemukakan dan menyediakan maklumat anda kepada kami di dalam borang pendaftaran ini, anda membenarkan penggunaanmaklumat peribadi yang dikumpulkan untuk memberikan perkhidmatan kami, mengikut cara dan tujuan yang dinyatakan dalam nota privasi kami.
                            </div>
                            <label class="m-checkbox m-checkbox--success">
                                <input type="checkbox" id="m_akuan_1" name="m_akuan_1" value="true">
                                Setuju
                                <span></span>
                            </label>
                        </div>
                    </div>
                    <br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">
                                Saya mengaku bahawa segala maklumat dan kenyataan di dalam Borang Permohonan ini adalah benar dan pengakuan ini dibuat menurut Undang-undang Surat Akuan 1960. Saya juga faham sekiranya terdapat maklumat yang dinyatakan adalah tidak benar, permohonan ini boleh dibatalkan/ditarikbalik dengan serta merta.
                            </div>
                            <label class="m-checkbox m-checkbox--success">
                                <input type="checkbox" id="m_akuan_2" name="m_akuan_2" value="true">
                                Setuju
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="submitForm()">
                    Hantar
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    Kemaskini
                </button>
            </div>
        </div>
    </div>
</div>
{{-- End Modal --}}
@endsection

@section('js')
<script>
   $("#nokadpengenalanpemohon,#nokadpengenalanpasangan,#nokadpengenalanpenjaga,#nokadpengenalanpasanganpenjaga , #butiranisirumah_ic1, #butiranisirumah_ic2, #butiranisirumah_ic3, #butiranisirumah_ic4, #butiranisirumah_ic5")
    .inputmask({mask: "999999999999", placeholder: ""});
   
    $("#notelefonbimbitpemohon,#notelefonbimbitpasangan,#notelefonbimbitpenjaga,#notelefonbimbitpasanganpenjaga").inputmask({
        mask: "9999999999999",
        placeholder: ""
    });

   $("#pendapatanbersihsebulanpemohon, #pendapatankasarsebulanpemohon, #sumberpendapatanlainpemohon, #pendapatanbersihsebulanpasangan, #pendapatankasarsebulanpasangan, #sumberpendapatanlainpasangan, #pendapatanbersihsebulanpenjaga, #pendapatankasarsebulanpenjaga, #sumberpendapatanlainpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga , #butiranisirumah_pendapatan1, #butiranisirumah_pendapatan2, #butiranisirumah_pendapatan3, #butiranisirumah_pendapatan4, #butiranisirumah_pendapatan5").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(() => {
        assign_js('pasangan');
        $('.maklumat_pasangan').hide();
        $(".nama").inputmask("Regex");
        getIc($('#ic_type option:selected').val());
        getStatus($('#status_perkahwinan option:selected').val());
        $("#poskod").inputmask({
            mask: "99999",
            placeholder: ""
        });
        $("#tel_bimbit, #jmb_no_tel").inputmask({
            mask: "9999999999999",
            placeholder: ""
        });

        $("#tarikh_mula_peng").change(function() {
           if ($(this).val() != '') {
              $("#tarikh_akhir_peng").attr('min', $(this).val());
           }
        })

    });
    function getIc(x) {
        if(x == 1) {
            $("#ic").inputmask({ mask: "999999999999", placeholder: "" });
        } else {
            $("#ic").inputmask("Regex");
        }
        checkDuplicate($("#ic").val(),'ic');
    }
    $(document).ready(function(){
        $('#warganegara').on('change', function() {
        if ( this.value == 'Lain-Lain')
        {
            $("#warganegaralainlain").show('slow');     
        }
        else
        {
            $("#warganegaralainlain").hide('slow');
            $("#warganegaralainlain").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#warganegarapenjaga').on('change', function() {
        if ( this.value == 'Lain-Lain')
        {
            $("#warganegarapenjagalainlain").show('slow');     
        }
        else
        {
            $("#warganegarapenjagalainlain").hide('slow');
            $("#warganegarapenjagalainlain").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#warganegarapasanganpenjaga').on('change', function() {
        if ( this.value == 'Lain-Lain')
        {
            $("#warganegarapasanganpenjagalainlain").show('slow');     
        }
        else
        {
            $("#warganegarapasanganpenjagalainlain").hide('slow');
            $("#warganegarapasanganpenjagalainlain").val('');
        }
        });
    });
    $(document).ready(function(){
        $("#notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").hide('slow');
        $("#notelefonpejabatpemohonlabel, #pendapatankasarsebulanpemohonlabel, #pendapatanbersihsebulanpemohonlabel, #jenissumberpendapatanlainpemohonlabel, #sumberpendapatanlainpemohonlabel").hide('slow');
        $('#jenispekerjaanpemohon').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").show('slow');   
        $("#notelefonpejabatpemohonlabel, #pendapatankasarsebulanpemohonlabel, #pendapatanbersihsebulanpemohonlabel, #jenissumberpendapatanlainpemohonlabel, #sumberpendapatanlainpemohonlabel").show('slow');  
        }
        else if( this.value == 'Tidak Bekerja')
        {
            $("#notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").hide('slow');
        $("#notelefonpejabatpemohonlabel, #pendapatankasarsebulanpemohonlabel, #pendapatanbersihsebulanpemohonlabel, #jenissumberpendapatanlainpemohonlabel, #sumberpendapatanlainpemohonlabel").hide('slow');
            $("#notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").val('');
        }
        });
    });
    $(document).ready(function(){
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").hide('slow');
        $('#jenispekerjaanpasangan').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").show('slow');     
        }
        else
        {
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").hide('slow');
            $("#notelefonpejabatpasangan, #pendapatankasarsebulanpasangan, #pendapatanbersihsebulanpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").val('');
        }
        });
    });
    $(document).ready(function(){

        $("#notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").hide('slow');
        $("#notelefonpejabatpenjagalabel, #pendapatankasarsebulanpenjagalabel, #pendapatanbersihsebulanpenjagalabel, #jenissumberpendapatanlainpenjagalabel, #sumberpendapatanlainpenjagalabel").hide('slow');
        $('#jenispekerjaanpenjaga').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").show('slow');     
        $("#notelefonpejabatpenjagalabel, #pendapatankasarsebulanpenjagalabel, #pendapatanbersihsebulanpenjagalabel, #jenissumberpendapatanlainpenjagalabel, #sumberpendapatanlainpenjagalabel").show('slow');
        }
        else
        {
        $("#notelefonpejabatpenjagalabel, #pendapatankasarsebulanpenjagalabel, #pendapatanbersihsebulanpenjagalabel, #jenissumberpendapatanlainpenjagalabel, #sumberpendapatanlainpenjagalabel").hide('slow');
            $("#notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").hide('slow');
            $("#notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").val('');
        }
        });
    });
    $(document).ready(function(){
            $("#notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").hide('slow');
            $("#notelefonpejabatpasanganpenjagalabel, #pendapatankasarsebulanpasanganpenjagalabel, #pendapatanbersihsebulanpasanganpenjagalabel, #jenissumberpendapatanlainpasanganpenjagalabel, #sumberpendapatanlainpasanganpenjagalabel").hide('slow');
        $('#jenispekerjaanpasanganpenjaga').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").show('slow');     
            $("#notelefonpejabatpasanganpenjagalabel, #pendapatankasarsebulanpasanganpenjagalabel, #pendapatanbersihsebulanpasanganpenjagalabel, #jenissumberpendapatanlainpasanganpenjagalabel, #sumberpendapatanlainpasanganpenjagalabel").show('slow');
        }
        else
        {
            $("#notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").hide('slow');
            $("#notelefonpejabatpasanganpenjagalabel, #pendapatankasarsebulanpasanganpenjagalabel, #pendapatanbersihsebulanpasanganpenjagalabel, #jenissumberpendapatanlainpasanganpenjagalabel, #sumberpendapatanlainpasanganpenjagalabel").hide('slow');
            $("#notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenissumberpendapatanlainpemohon').on('change', function() {
        if ( this.value == 'Ada')
        {
            $("#sumberpendapatanlainpemohon").show('slow');     
        }
        else
        {
            $("#sumberpendapatanlainpemohon").hide('slow');
            $("#sumberpendapatanlainpemohon").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenissumberpendapatanlainpasangan').on('change', function() {
        if ( this.value == 'Ada')
        {
            $("#sumberpendapatanlainpasangan").show('slow');     
        }
        else
        {
            $("#sumberpendapatanlainpasangan").hide('slow');
            $("#sumberpendapatanlainpasangan").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenissumberpendapatanlainpenjaga').on('change', function() {
        if ( this.value == 'Ada')
        {
            $("#sumberpendapatanlainpenjaga").show('slow');     
        }
        else
        {
            $("#sumberpendapatanlainpenjaga").hide('slow');
            $("#sumberpendapatanlainpenjaga").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenissumberpendapatanlainpasanganpenjaga').on('change', function() {
        if ( this.value == 'Ada')
        {
            $("#sumberpendapatanlainpasanganpenjaga").show('slow');     
        }
        else
        {
            $("#sumberpendapatanlainpasanganpenjaga").hide('slow');
            $("#sumberpendapatanlainpasanganpenjaga").val('');
        }
        });
    });
         
    function validate() {
        if($('input[name="nama"]').val() == ''
            || $('input[name="ic"]').val() == ''
            || $('input[name="tel_bimbit"]').val() == ''
            || $('select[name="status_perkahwinan"] option:selected').val() == ''
            || $('input[name="namaipta"]').val() == ''
            || $('select[name="warganegara"] option:selected').val() == ''
            || $('select[name="adun"] option:selected').val() == ''
            || $('select[name="negerikelahiran"] option:selected').val() == ''
            || $('input[name="email"]').val() == ''
            || $('input[name="alamat_1"]').val() == ''
            || $('input[name="poskod"]').val() == ''
            || $('input[name="bandar"]').val() == ''
            || $('select[name="negeri"] option:selected').val() == ''
            || $('select[name="jenis_ipt"] option:selected').val() == ''
            || $('select[name="peringkat_pengajian"] option:selected').val() == ''
            || $('select[name="jumlah_sem"]').val() == ''
            || $('select[name="nama_kursus"]').val() == ''
            || $('select[name="tempoh_pengajian_tahun"]').val() == ''
            || $('select[name="tempoh_pengajian_bulan"]').val() == ''
            || $('select[name="no_kad_pelajar"]').val() == ''
            || $('select[name="tarikh_mula_peng"]').val() == ''
            || $('select[name="tarikh_akhir_peng"]').val() == ''
            || $('input[name="namapenjaga"]').val() == ''
            || $('input[name="nokadpengenalanpenjaga"]').val() == ''
            || $('input[name="notelefonbimbitpenjaga"]').val() == ''
            || $('select[name="pertalianpenjaga"] option:selected').val() == ''
            || $('input[name="tempohmenetappenjaga"]').val() == ''
            || $('select[name="warganegarapenjaga"] option:selected').val() == ''
            || $('select[name="negerikelahiranpenjaga"] option:selected').val() == ''
            || $('input[name="namapasanganpenjaga"]').val() == ''
            || $('input[name="nokadpengenalanpasanganpenjaga"]').val() == ''
            || $('input[name="notelefonbimbitpasanganpenjaga"]').val() == ''
            || $('select[name="negerikelahiranpasanganpenjaga"] option:selected').val() == ''
            || $('select[name="warganegarapasanganpenjaga"] option:selected').val() == ''
            || $('input[name="tempohmenetappasanganpenjaga"]').val() == ''
            || $('select[name="jenispekerjaanpemohon"] option:selected').val() == ''

            // || $('input[name="notelefonpejabatpemohon"]').val() == ''
            // || $('input[name="pendapatankasarsebulanpemohon"]').val() == ''
            // || $('input[name="pendapatanbersihsebulanpemohon"]').val() == ''
            // || $('select[name="jenissumberpendapatanlainpemohon"] option:selected').val() == ''
            // || $('select[name="jenispekerjaanpasangan"] option:selected').val() == ''
            // || $('input[name="notelefonpejabatpasangan"]').val() == ''
            // || $('input[name="pendapatankasarsebulanpasangan"]').val() == ''
            // || $('input[name="pendapatanbersihsebulanpasangan"]').val() == ''
            // || $('select[name="jenissumberpendapatanlainpasangan"] option:selected').val() == ''
            || $('select[name="jenispekerjaanpenjaga"] option:selected').val() == ''
            // || $('input[name="notelefonpejabatpenjaga"]').val() == ''
            // || $('input[name="pendapatankasarsebulanpenjaga"]').val() == ''
            // || $('input[name="pendapatanbersihsebulanpenjaga"]').val() == ''
            // || $('select[name="jenissumberpendapatanlainpenjaga"] option:selected').val() == ''
            || $('select[name="jenispekerjaanpasanganpenjaga"] option:selected').val() == ''
            // || $('input[name="notelefonpejabatpasanganpenjaga"]').val() == ''
            // || $('input[name="pendapatankasarsebulanpasanganpenjaga"]').val() == ''
            // || $('input[name="pendapatanbersihsebulanpasanganpenjaga"]').val() == ''
            // || $('select[name="jenissumberpendapatanlainpasanganpenjaga"] option:selected').val() == ''

            || $('input[name="dokumen_2"]').val() == ''
            || $('input[name="dokumen_3"]').val() == ''
            || $('input[name="dokumen_4"]').val() == ''
            || $('input[name="dokumen_5"]').val() == ''
            || $('input[name="dokumen_6"]').val() == ''
            || $('input[name="dokumen_7"]').val() == ''
            || $('input[name="dokumen_8"]').val() == ''
            || $('input[name="dokumen_9"]').val() == ''
            || $('input[name="dokumen_10"]').val() == ''
            || $('input[name="dokumen_11"]').val() == ''
            || $('input[name="dokumen_12"]').val() == ''
            || $('input[name="dokumen_13"]').val() == ''
            || $('input[name="dokumen_14"]').val() == ''
            )
            
            {
            error();
            return;
        } else {
            // check duplicate
            if ($(".success_ic").is(":hidden")) {
                $.confirm({
                    title: 'Maklumat semakan belum selesai',
                    content: 'Sila pastikan semakan No Identiti telah OK dan cuba lagi.',
                    icon: 'fa fa-warning',
                    type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
                });
                return;
            }
            showRumusan();
        }
        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila semak permohonan anda terlebih dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
        }
    }
      
    function showRumusan() {
        // Maklumat Peribadi
        $('#m_nama').val($('input[name="nama"]').val());
        $('#m_uni').val($('input[name="namaipta"]').val());
        $('#m_identiti').val($('input[name="ic"]').val());
        $('#m_warganegara').val($('select[name="warganegara"] option:selected').val());
        $('#m_telefon_pemohon').val($('input[name="tel_bimbit"]').val());
        $('#m_status_perkahwinan_pemohon').val($('select[name="status_perkahwinan"] option:selected').val());
        $('#m_telefon_rumah_pemohon').val($('input[name="tel_rumah"]').val());
        $('#m_pemohon_dun_id').val($('select[name="adun"] option:selected').html());
        $('#m_email').val($('input[name="email"]').val());
        $('#m_negerikelahiran').val($('select[name="negerikelahiran"] option:selected').text());

        // Maklumat Alamat Pemohon
        $('#m_alamat').html([
         $('input[name="alamat_1"]').val() + ' ',
         $('input[name="alamat_2"]').val() ? $('input[name="alamat_2"]').val() + ' ' : ' ',
         $('input[name="alamat_3"]').val() ? $('input[name="alamat_3"]').val() + ' ' : ' ',
         $('input[name="poskod"]').val() + ', ',
         $('input[name="bandar"]').val() + ', ',
         $('select[name="negeri"] option:selected').val() + '.',
      ]);
        
        // Maklumat Penjaga
        $('#m_nama_penjaga').val($('input[name="namapenjaga"]').val())
        $('#m_identiti_penjaga').val($('input[name="nokadpengenalanpenjaga"]').val());
        $('#m_telefon_penjaga').val($('input[name="notelefonbimbitpenjaga"]').val());
        $('#m_telefon_rumah_penjaga').val($('input[name="notelefonrumahpenjaga"]').val());
        $('#m_pertalian_penjaga').val($('select[name="pertalianpenjaga"] option:selected').val());
        $('#m_negerikelahiranpenjaga').val($('select[name="negerikelahiranpenjaga"] option:selected').text());
        $('#m_warganegarapenjaga').val($('select[name="warganegarapenjaga"] option:selected').text());
        $('#m_tempohmenetappenjaga').val($('input[name="tempohmenetappenjaga"]').val())
        
        // Maklumat pasangan Penjaga
        $('#m_nama_pasangan_penjaga').val($('input[name="namapasanganpenjaga"]').val());
        $('#m_identiti_pasangan_penjaga').val($('input[name="nokadpengenalanpasanganpenjaga"]').val());
        $('#m_telefon_pasangan_penjaga').val($('input[name="notelefonbimbitpasanganpenjaga"]').val());
        $('#m_telefon_rumah_pasangan_penjaga').val($('input[name="notelefonrumahpasanganpenjaga"]').val());
        $('#m_negerikelahiranpasanganpenjaga').val($('select[name="negerikelahiranpasanganpenjaga"] option:selected').text());
        $('#m_warganegarapasanganpenjaga').val($('select[name="warganegarapasanganpenjaga"] option:selected').text());
        $('#m_tempohmenetappasanganpenjaga').val($('input[name="tempohmenetappasanganpenjaga"]').val())

        // Maklumat pengajian pemohon
        $('#m_jenis_ipt').val($('select[name="jenis_ipt"] option:selected').val());
        $('#m_peringkat_pengajian').val($('select[name="peringkat_pengajian"] option:selected').val());
        $('#m_tempoh_pengajian_tahun').val($('input[name="tempoh_pengajian_tahun"]').val());
        $('#m_tempoh_pengajian_bulan').val($('input[name="tempoh_pengajian_bulan"]').val());
        $('#m_jumlah_sem').val($('input[name="jumlah_sem"]').val());
        $('#m_tarikh_mula_peng').val($('input[name="tarikh_mula_peng"]').val());
        $('#m_tarikh_akhir_peng').val($('input[name="tarikh_akhir_peng"]').val());
        $('#m_nama_kursus').val($('input[name="nama_kursus"]').val());
        $('#m_no_kad_pelajar').val($('input[name="no_kad_pelajar"]').val());
        
        // Maklumat pendapatan pemohon
        if($('select[name="jenispekerjaanpemohon"] option:selected').val() == 'Tidak Bekerja' ){
            $('#m_status_pekerjaan').val($('select[name="jenispekerjaanpemohon"] option:selected').val());
            $('#m_no_telefon_pejabat').hide();
            $('#m_pendapatan_kasar_sebulan').hide();
            $('#m_pendapatan_bersih_sebulan').hide();
            $('#m_sumber_pendapatan_lain').hide();
            $('#m_sumber_pendapatan_lain_rm_pemohon').hide();
            $("#label_m_no_telefon_pejabat, #label_m_pendapatan_kasar_sebulan, #label_m_pendapatan_bersih_sebulan, #label_m_sumber_pendapatan_lain, #label_m_sumber_pendapatan_lain_rm_pemohon").hide('slow');    
        }else{
            $('#m_status_pekerjaan').val($('select[name="jenispekerjaanpemohon"] option:selected').val());
            $('#m_no_telefon_pejabat').val($('input[name="notelefonpejabatpemohon"]').val()).show();
            $('#m_pendapatan_kasar_sebulan').val($('input[name="pendapatankasarsebulanpemohon"]').val()).show();
            $('#m_pendapatan_bersih_sebulan').val($('input[name="pendapatanbersihsebulanpemohon"]').val()).show();
            $('#m_sumber_pendapatan_lain').val($('select[name="jenissumberpendapatanlainpemohon"] option:selected').val()).show();
            $('#m_sumber_pendapatan_lain_rm_pemohon').val($('input[name="sumberpendapatanlainpemohon"]').val()).show();
            $("#label_m_no_telefon_pejabat, #label_m_pendapatan_kasar_sebulan, #label_m_pendapatan_bersih_sebulan, #label_m_sumber_pendapatan_lain, #label_m_sumber_pendapatan_lain_rm_pemohon").show('slow');    
        }

        if($('select[name="jenissumberpendapatanlainpemohon"] option:selected').val() == 'Tiada' ){
            $('#m_sumber_pendapatan_lain_rm_pemohon').hide();
            $('#label_m_sumber_pendapatan_lain_rm_pemohon').hide();
        }
        // Maklumat Pendapatan Penjaga:
        if($('select[name="jenispekerjaanpenjaga"] option:selected').val() == 'Tidak Bekerja' ){
            $('#m_status_pekerjaan_penjaga').val($('select[name="jenispekerjaanpenjaga"] option:selected').val());
            $('#m_no_telefon_pejabat_penjaga').hide();
            $('#m_pendapatan_kasar_sebulan_penjaga').hide();
            $('#m_pendapatan_bersih_sebulan_penjaga').hide();
            $('#m_sumber_pendapatan_lain_penjaga').hide();
            $('#m_sumber_pendapatan_lain_rm_penjaga').hide();
            $("#label_m_no_telefon_pejabat_penjaga, #label_m_pendapatan_kasar_sebulan_penjaga, #label_m_pendapatan_bersih_sebulan_penjaga, #label_m_sumber_pendapatan_lain_penjaga, #label_m_sumber_pendapatan_lain_rm_penjaga").hide('slow');
        }else{
            $('#m_status_pekerjaan_penjaga').val($('select[name="jenispekerjaanpenjaga"] option:selected').val());
            $('#m_no_telefon_pejabat_penjaga').val($('input[name="notelefonpejabatpenjaga"]').val()).show();
            $('#m_pendapatan_kasar_sebulan_penjaga').val($('input[name="pendapatankasarsebulanpenjaga"]').val()).show();
            $('#m_pendapatan_bersih_sebulan_penjaga').val($('input[name="pendapatanbersihsebulanpenjaga"]').val()).show();
            $('#m_sumber_pendapatan_lain_penjaga').val($('select[name="jenissumberpendapatanlainpenjaga"] option:selected').val()).show();
            $('#m_sumber_pendapatan_lain_rm_penjaga').val($('input[name="sumberpendapatanlainpenjaga"]').val()).show();
            $("#label_m_no_telefon_pejabat_penjaga, #label_m_pendapatan_kasar_sebulan_penjaga, #label_m_pendapatan_bersih_sebulan_penjaga, #label_m_sumber_pendapatan_lain_penjaga").show('slow');
        }
        if($('select[name="jenissumberpendapatanlainpenjaga"] option:selected').val() == 'Tiada' ){
            $('#m_sumber_pendapatan_lain_rm_penjaga').hide();
            $('#label_m_sumber_pendapatan_lain_rm_penjaga').hide();
        }
        // Maklumat Pendapatan Pasangan Penjaga:
        if($('select[name="jenispekerjaanpasanganpenjaga"] option:selected').val() == 'Tidak Bekerja' ){  
            $('#m_status_pekerjaan_pasangan_penjaga').val($('select[name="jenispekerjaanpasanganpenjaga"] option:selected').val());
            $('#m_no_telefon_pejabat_pasangan_penjaga').hide();
            $('#m_pendapatan_kasar_sebulan_pasangan_penjaga').hide();
            $('#m_pendapatan_bersih_sebulan_pasangan_penjaga').hide();
            $('#m_sumber_pendapatan_lain_pasangan_penjaga').hide();
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').hide();
            $("#label_m_no_telefon_pejabat_pasangan_penjaga, #label_m_pendapatan_kasar_sebulan_pasangan_penjaga, #label_m_pendapatan_bersih_sebulan_pasangan_penjaga, #label_m_sumber_pendapatan_lain_pasangan_penjaga, #label_m_sumber_pendapatan_lain_pasangan_rm_penjaga").hide('slow');
        }else{
            $('#m_status_pekerjaan_pasangan_penjaga').val($('select[name="jenispekerjaanpasanganpenjaga"] option:selected').val());
            $('#m_no_telefon_pejabat_pasangan_penjaga').val($('input[name="notelefonpejabatpasanganpenjaga"]').val()).show();
            $('#m_pendapatan_kasar_sebulan_pasangan_penjaga').val($('input[name="pendapatankasarsebulanpasanganpenjaga"]').val()).show();
            $('#m_pendapatan_bersih_sebulan_pasangan_penjaga').val($('input[name="pendapatanbersihsebulanpasanganpenjaga"]').val()).show();
            $('#m_sumber_pendapatan_lain_pasangan_penjaga').val($('select[name="jenissumberpendapatanlainpasanganpenjaga"] option:selected').val()).show();
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').val($('input[name="sumberpendapatanlainpasanganpenjaga"]').val()).show();
            $("#label_m_no_telefon_pejabat_pasangan_penjaga, #label_m_pendapatan_kasar_sebulan_pasangan_penjaga, #label_m_pendapatan_bersih_sebulan_pasangan_penjaga, #label_m_sumber_pendapatan_lain_pasangan_penjaga, #label_m_sumber_pendapatan_lain_pasangan_rm_penjaga").show('slow');
        }
        if($('select[name="jenissumberpendapatanlainpasanganpenjaga"] option:selected').val() == 'Tiada' ){
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').hide();
            $('#label_m_sumber_pendapatan_lain_pasangan_rm_penjaga').hide();
        }


        // Maklumat Pasangan
        var pasangan_ic = [],
            pasangan_nama = [],
            pasangan_no_tel_bimbit = [],
            pasangan_no_tel_rumah = [],
            jenispekerjaanpasangan = [],
            pendapatan_kasar_pasangan = [],
            notelefonpejabatpasangan = [],
            jenissumberpendapatanlainpasangan = [],
            sumberpendapatanlainpasangan = [],
            data = [],
            html = '';
        $('input[name="pasangan_ic[]"]').each(function(i,v){
            pasangan_ic.push($(this).val());
        });
        $('input[name="pasangan_nama[]"]').each(function(i,v){
            pasangan_nama.push($(this).val());
        });
        $('input[name="pasangan_no_tel_bimbit[]"]').each(function(i,v){
            pasangan_no_tel_bimbit.push($(this).val());
        });
        $('input[name="pasangan_no_tel_rumah[]"]').each(function(i,v){
            pasangan_no_tel_rumah.push($(this).val());
        });
        $('select[name="jenispekerjaanpasangan[]"]').each(function(i,v){
            jenispekerjaanpasangan.push($(this).val());
        });
        $('input[name="notelefonpejabatpasangan[]"]').each(function(i,v){
            notelefonpejabatpasangan.push($(this).val());
        });
        $('input[name="pendapatan_kasar_pasangan[]"]').each(function(i,v){
            pendapatan_kasar_pasangan.push($(this).val());
        });
        $('select[name="jenissumberpendapatanlainpasangan[]"]').each(function(i,v){
            jenissumberpendapatanlainpasangan.push($(this).val());
        });
        $('input[name="sumberpendapatanlainpasangan[]"]').each(function(i,v){
            sumberpendapatanlainpasangan.push($(this).val());
        });
        for(x=0;x<pasangan_ic.length;x++) {
            data.push({
                pasangan_ic: pasangan_ic[x],
                pasangan_nama: pasangan_nama[x],
                pasangan_no_tel_bimbit: pasangan_no_tel_bimbit[x],
                pasangan_no_tel_rumah: pasangan_no_tel_rumah[x],
                jenispekerjaanpasangan: jenispekerjaanpasangan[x],
                notelefonpejabatpasangan: notelefonpejabatpasangan[x],
                pendapatan_kasar_pasangan: pendapatan_kasar_pasangan[x],
                jenissumberpendapatanlainpasangan: jenissumberpendapatanlainpasangan[x],
                sumberpendapatanlainpasangan: sumberpendapatanlainpasangan[x],
            })
        }

        $('#m_pasangan_input').html('');
        data.forEach(function(d) {
            html =
            '<div class="form-group m-form__group row"> <div class="m-form__seperator m-form__seperator--dashed maklumatpasangan" disabled></div> <label class="col-lg-2 col-form-label"> <span style="color: red">* </span>No. Identiti </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]" value="'+d.pasangan_ic+'" disabled> </div> <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 nama" id="pasangan_nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g" value="'+d.pasangan_nama+'" disabled> </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 pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]" value="'+d.pasangan_no_tel_bimbit+'" disabled> </div> <label class="col-lg-2 col-form-label"> No Telefon Rumah </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pasangan_no_telefon_rumah" id="pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]" value="'+d.pasangan_no_tel_rumah+'" disabled> </div> </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> Status Pekerjaan </label> <div class="col-lg-4"> <input type="text" class="form-control m-input" value="'+d.jenispekerjaanpasangan+'" disabled> </div> <label class="col-lg-2 col-form-label"> </label> <div class="col-lg-4"> <input type="text" class="form-control m-input notelefonpejabatpasangan" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan[]" value="'+d.notelefonpejabatpasangan+'" disabled> </div> </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> Pendapatan </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pendapatankasarsebulanpasangan" id="pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]" value="'+d.pendapatan_kasar_pasangan+'" disabled> </div>  </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> Jenis Sumber Pendapatan Pasangan </label> <div class="col-lg-4"> <input type="number" class="form-control m-input" value="'+d.jenissumberpendapatanlainpasangan+'" disabled> </div> <label class="col-lg-2 col-form-label"> </label> <div class="col-lg-4"> <input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]" value="'+d.sumberpendapatanlainpasangan+'" disabled> </div> </div><hr class="modal-hr">';
            $('#m_pasangan_input').append(html);
        });
        $('#rumusan_permohonan').modal('show');

        // Maklumat Butiran Isi Rumah
        var butiran_nama = [],
            butiran_ic = [],
            butiran_hubungan = [],
            butiran_pendapatan = [],
            data = [],
            html = '';

        $('input[name="butiran_nama[]"]').each(function(i,v){
            butiran_nama.push($(this).val());
        });
        $('input[name="butiran_ic[]"]').each(function(i,v){
            butiran_ic.push($(this).val());
        });
        $('input[name="butiran_hubungan[]"]').each(function(i,v){
            butiran_hubungan.push($(this).val());
        });
        $('input[name="butiran_pendapatan[]"]').each(function(i,v){
            butiran_pendapatan.push($(this).val());
        });

        for(x=0;x<butiran_ic.length;x++) {
            data.push({
                butiran_nama: butiran_nama[x],
                butiran_ic: butiran_ic[x],
                butiran_hubungan: butiran_hubungan[x],
                butiran_pendapatan: butiran_pendapatan[x],
            })
        }

        $('#m_butiran_input').html('');
        data.forEach(function(d) {
            html =
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.butiran_nama+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.butiran_ic+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.butiran_hubungan+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.butiran_pendapatan+'" disabled>'+
                '</td>'+
            '</tr>';

            $('#m_butiran_input').append(html);
        });

        $('#rumusan_permohonan').modal('show');

        // Maklumat Dokumen
        var document = [],
            document_title = [],
               data = [],
               html = '';

            $('input[name="dokumen_1"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_1title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_2"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_2title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_3"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_3title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_4"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_4title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_5"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_5title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_6"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_6title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_7"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_7title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_8"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_8title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_9"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_9title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_10"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_10title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_11"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_11title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_12"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_12title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_13"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_13title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_14"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_14title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_15"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_15title"]').each(function(i, v) {
            document_title.push($(this).val());
            });
            $('input[name="dokumen_16"]').each(function(i, v) {
               document.push($(this).val());
            });
            $('input[name="dokumen_16title"]').each(function(i, v) {
            document_title.push($(this).val());
            });

            for (x = 0; x < document.length; x++) {
               data.push({
                  document: document[x],
                  document_title: document_title[x],
               })
            }

            $('#documentlist').html('');
            html = '<table  class="table">' ;
            html = html + '<tr>';
            html = html + '<th width="50%">Jenis Fail</th>' ;
            html = html + '<th width="50%">Fail</th>' ;
            html = html + '</tr>';
            data.forEach(function(d) {
                  html = html + '<tr>';
                  html = html + '<td>' + d.document_title + '</td>' ;
                  if(d.document == '')
                     html = html + '<td> - Tiada Fail</td>';
                  else
                     html = html + '<td> - ' + d.document;
                  
                  html = html + '</tr>'; 
            });
            html = html + '</table>';
            $('#documentlist').append(html);

            $('#rumusan_permohonan').modal('show');
    }

    function butiran_add() {
        var html =
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input butiran_nama" name="butiran_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input butiran_ic" name="butiran_ic[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" name="butiran_hubungan[]">'+
                '</td>'+
                '<td>'+
                    '<div class="input-group m-input-group col-lg-12">'+
                        '<span class="input-group-addon">'+
                            'RM'+
                        '</span>'+
                        '<input type="number" class="form-control m-input butiran_pendapatan" name="butiran_pendapatan[]">'+
                    '</div>'+
                '</td>'+
                '<td>'+
                    '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="butiran_delete($(this))">'+
                        '<span>'+
                            '<i class="la la-trash-o"></i>'+
                            '<span>Padam</span>'+
                        '</span>'+
                    '</div>'+
                '</td>'+
            '</tr>';

        $('#butiran_input').append(html);

        assign_js('butiran');
    }

    function butiran_delete(x) {
        x.closest('tr').remove();
    }

    function assign_js(x) {
        if(x == 'butiran') {
            $(".butiran_nama").inputmask("Regex");

            $(".butiran_ic").inputmask({
                mask: "999999999999",
                placeholder: ""
            });

            $(".butiran_pendapatan").inputmask({
                mask: "9999999",
                placeholder: ""
            });
        }
    }

    function checkDuplicate(x,y) {
        if(x) {
            var ic_type = $('#ic_type option:selected').val();
            var data = {
                ic_type: ic_type,
                _token: '{{ csrf_token() }}',
                field: y,
                value: x
            }
            $('.loading_'+y).show();
            $('.exist_'+y).hide();
            $('.length_'+y).hide();
            $('.success_'+y).hide();
            $.ajax({
                url: '{{ url('cluster/pendidikan/ladang/check') }}',
                type: 'POST',
                data: data,
                success: function(response) {
                    if(response.status == 'error') {
                        $('.exist_'+y).show();
                    } else if(response.status == 'length') {
                        $('.length_'+y).show();
                    } else {
                        $('.success_'+y).show();
                    }
                    $('.loading_'+y).hide();
                },
                error: function(response) {
                    $.alert({
                        type: 'red',
                        title: 'Whoops, server error!',
                        content: 'Please try again or contact system admin.',
                        typeAnimated: true,
                        icon: 'fa fa-warning',
                        columnClass: 'col-md-6 col-md-offset-3',
                    });
                }
            });
        } else {
            $('.loading_'+y).hide();
            $('.exist_'+y).hide();
            $('.digit_'+y).hide();
            $('.success_'+y).hide();
            $('.length_'+y).hide();
        }
    }

    function getStatus(x) {
        if(x == 'Berkahwin') {
            $('.maklumat_pasangan').show('slow');
            $('#pasangan_ic, #pasangan_nama, #pasangan_no_tel, #pasangan_no_telefon_rumah, #jenispekerjaanpasangan, #notelefonpejabatpasangan, #pendapatan_kasar_pasangan, #pendapatanbersihsebulanpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan').attr('disabled', false);
        } else {
            $('.maklumat_pasangan').hide('slow');
            $('#pasangan_input tr:gt(0)').remove();
            $('#pasangan_ic, #pasangan_nama, #pasangan_no_tel, #pasangan_no_telefon_rumah, #jenispekerjaanpasangan, #notelefonpejabatpasangan, #pendapatan_kasar_pasangan, #pendapatanbersihsebulanpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan').val('');
            $('#pasangan_ic, #pasangan_nama, #pasangan_no_tel, #pasangan_no_telefon_rumah, #jenispekerjaanpasangan, #notelefonpejabatpasangan, #pendapatan_kasar_pasangan, #pendapatanbersihsebulanpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan').attr('disabled', true);
        }
    }
    function pasangan_add() {
        var html =
            '<div class="m-form__seperator m-form__seperator--dashed maklumatpasangan"></div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> <span style="color: red">* </span>No. Identiti </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]"> </div> <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 nama" id="pasangan_nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g"> </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 pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]"> </div> <label class="col-lg-2 col-form-label"> No Telefon Rumah </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pasangan_no_telefon_rumah" id="pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]"> </div> </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> Status Pekerjaan </label> <div class="col-lg-4"> <select class="form-control m-input jenispekerjaanpasangan" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan[]"> <option value="" hidden selected>Sila pilih status pekerjaan</option> <option value="Bekerja">Bekerja</option> <option value="Tidak Bekerja">Tidak bekerja</option> </select> </div> <label class="col-lg-2 col-form-label"> </label> <div class="col-lg-4"> <input type="text" class="form-control m-input notelefonpejabatpasangan" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan[]" placeholder="No Telefon Pejabat"> </div> </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> Pendapatan </label> <div class="col-lg-4"> <input type="text" class="form-control m-input pendapatankasarsebulanpasangan" id="pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]"> </div>  </div> <div class="form-group m-form__group row"> <label class="col-lg-2 col-form-label"> </label> <div class="col-lg-4"> <select class="form-control m-input jenissumberpendapatanlainpasangan" id="jenissumberpendapatanlainpasangan" name="jenissumberpendapatanlainpasangan[]"> <option value="" hidden selected>Sila pilih sumber pendapatan lain</option> <option value="Ada">Ada</option> <option value="Tiada">Tiada</option> </select> </div> <label class="col-lg-2 col-form-label"> </label> <div class="col-lg-4"> <input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]" placeholder="Nyatakan Pendapatan Lain"> </div> </div> ';
        $('#pasangan_input').append(html);
        assign_js('pasangan');
    }
    function pasangan_delete(x) {
        x.closest('tr').remove();
        // total();
    }
    function assign_js(x) {
        if(x == 'pasangan') {
            $(".nama").inputmask("Regex");
            $(".pasangan_ic").inputmask({
                mask: "999999999999",
                placeholder: ""
            });
            $(".pasangan_no_tel").inputmask({
                mask: "9999999999999",
                placeholder: ""
            });
            $(".pasangan_no_telefon_rumah").inputmask({
                mask: "9999999999999",
                placeholder: ""
            });
            $(".notelefonpejabatpasangan").inputmask({
                mask: "9999999999999",
                placeholder: ""
            });
            $(".pendapatankasarsebulanpasangan").inputmask({
                mask: "9999999999999",
                placeholder: ""
            });
        }
    }
    function submitForm() {
        if($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            error();
        } else {
            $('input[name="akuan_1"]').val($('#m_akuan_1:checked').val());
            $('input[name="akuan_2"]').val($('#m_akuan_2:checked').val());
            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: {
                        btnClass: 'btn-green',
                        action: function() {
                            $('#permohonan_form').submit();
                        }
                    },
                    kembali: {
                        btnClass: 'btn-red',
                        action: function() {
                        }
                    }
                }
            });
        }
        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila tanda perakuan pemohon sebelum hantar pemohonan.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {
                        }
                    }
                }
            });
        }
    }
</script>
@endsection