@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-10">
        <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('admin/permohonan/'.$ipr->name.'/add') }}" method="POST">
                @csrf
                <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>
                                </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" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama IPTA/IPTS:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namaiptaiptspemohon" name="namaipta" placeholder="Sila masukkan nama IPTA/IPTS">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>No Identiti:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <select class="m-input" id="ic_pemohon" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" onchange="getIc($(this).val())">
                                <option value="1">No. K/P</option>
                                <option value="2">No. Tentera</option>
                                <option value="3">No. Polis</option>
                           </select>
                           <input type="text" class="form-control m-input" id="nokadpengenalanpemohon" name="ic" placeholder="Sila masukan no kad pengenalan" value="" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="^(01)[0-9]{8,9}$" maxlength="12">  
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="warganegara" name="warganegara">
                              <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" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Perkahwinan:
                        </label>
                        <div class="col-lg-4">
                                <select class="form-control m-input" id="status_perkahwinan" name="status_perkahwinan" onchange="getStatus($(this).val())">
                                    <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                    <option value="Bujang">Bujang</option>
                                    <option value="Berkahwin">Berkahwin</option>
                                    <option value="Duda/Janda">Duda/Janda</option>
                                </select>
                            </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpemohon" name="tel_rumah" placeholder="Sila masukkan no telefon rumah">
                        </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">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;"><span style="color: red">* </span>No. Identiti</th>            
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;"><span style="color: red">* </span>Nama</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;"><span style="color: red">* </span>No Telefon Bimbit</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;">No Telefon Rumah</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;"><span style="color: red">* </span>Status Pekerjaan</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;">No Tel Pejabat</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;">Pendapatan Kasar</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;">Pendapatan Bersih</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;">Pendapatan Lain</th>
                                            <th style="background-color:#fff; font-family: sans-serif,Arial; font-color; color:black;" width="10%"></th>
                                        </tr>
                                    </thead>
                                    <tbody id="pasangan_input">
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input nama" id="pasangan_nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_no_telefon_rumah" id="pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]">
                                            </td>
                                            <td>
                                                <select class="form-control m-input jenispekerjaanpasangan" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan[]">
                                                    <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                                                    <option value="Bekerja">Bekerja</option>
                                                    <option value="Tidak Bekerja">Tidak Bekerja</option>
                                                </select>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input notelefonpejabatpasangan" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan[]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pendapatankasarsebulanpasangan" id="pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pendapatanbersihsebulanpasangan" id="pendapatanbersihsebulanpasangan" name="pendapatanbersihsebulanpasangan[]">
                                            </td>
                                            <td>
                                                <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>
                                                <input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]">
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td>
                                                <small class="ic_pasangan_wajib" style="color:#f4516c;display:none;">No. Identiti Pasangan adalah wajib.</small>
                                            </td>
                                            <td>
                                                <small class="nama_pasangan_wajib" style="color:#f4516c;display:none;">Nama Pasangan adalah wajib.</small>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>
                                                <small class="pendapatan_pasangan_wajib" style="color:#f4516c;display:none;">Pendapatan Pasangan adalah wajib.</small>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </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="pasangan_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 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>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_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>
                     </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>
                     </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>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>
                     </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>
                  <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 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="maklumat_pekerjaan_pemohon">
                        <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="maklumat_pekerjaan_pemohon">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpemohon" name="pendapatankasarsebulanpemohon" placeholder="Sila masukkan pendapatan kasar sebulan" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatanbersihsebulanpemohon" name="pendapatanbersihsebulanpemohon" placeholder="Sila masukkan pendapatan bersih sebulan" >
                        </div>
                     </div>
                     <div class="form-group m-form__group row" id="maklumat_pekerjaan_pemohon">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-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>
                          <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 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="maklumat_pekerjaan_penjaga">
                        <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" id="maklumat_pekerjaan_penjaga">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpenjaga" name="pendapatankasarsebulanpenjaga" placeholder="Sila masukkan pendapatan kasar sebulan" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatanbersihsebulanpenjaga" name="pendapatanbersihsebulanpenjaga" placeholder="Sila masukkan pendapatan bersih sebulan">
                        </div>
                     </div>
                     <div class="form-group m-form__group row" id="maklumat_pekerjaan_penjaga">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-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="maklumat_pekerjaan_pasangan_penjaga">
                        <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" id="maklumat_pekerjaan_pasangan_penjaga">
                     <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Kasar Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatankasarsebulanpasanganpenjaga" name="pendapatankasarsebulanpasanganpenjaga" placeholder="Sila masukkan pendapatan kasar sebulan">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Pendapatan Bersih Sebulan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input" id="pendapatanbersihsebulanpasanganpenjaga" name="pendapatanbersihsebulanpasanganpenjaga" placeholder="Sila masukkan pendapatan bersih sebulan">
                        </div>
                     </div>
                     <div class="form-group m-form__group row" id="maklumat_pekerjaan_pasangan_penjaga">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Sumber Pendapatan Lain:
                        </label>
                        <div class="input-group m-input-group col-lg-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 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="70%">Dokumen</th>
                                    <th width="30%">Muat Naik</th>
                                 </tr>
                              </thead>
                              <tbody>
                                 <tr>
                                    <td><span style="color: red">* </span>Cetak Borang Permohonan</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_1">
                                        <input class="form-control m-input" type="hidden" value="Cetak Borang Permohonan" name="dokumen_1title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan Sijil Lahir / Mykid Anak</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_2">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Lahir / Mykid Anak" name="dokumen_2title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan MyKad Ibu</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_3">
                                        <input class="form-control m-input" type="hidden" value="Salinan MyKad Ibu" name="dokumen_3title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan MyKad Bapa</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_4">
                                        <input class="form-control m-input" type="hidden" value="Salinan MyKad Bapa" name="dokumen_4title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan Perakuan Anak Angkat / Sijil Kematian / Sijil Cerai</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_5">
                                        <input class="form-control m-input" type="hidden" value="Salinan Perakuan Anak Angkat / Sijil Kematian / Sijil Cerai" name="dokumen_5title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan IBU</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_6">
                                        <input class="form-control m-input" type="hidden" value="Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan IBU" name="dokumen_6title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan BAPA</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_7">
                                        <input class="form-control m-input" type="hidden" value="Salinan Slip Gaji / Surat Akuan Pengesahan Pendapatan BAPA" name="dokumen_7title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Cop Pengesahan Tadika Tempat Anak Belajar</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_8">
                                        <input class="form-control m-input" type="hidden" value="Cop Pengesahan Tadika Tempat Anak Belajar" name="dokumen_8title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Salinan Bil Air / Bil Elektrik / TM / ASTRO / Muka Depan Buku Merah IBU</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_9">
                                        <input class="form-control m-input" type="hidden" value="Salinan Bil Air / Bil Elektrik / TM / ASTRO / Muka Depan Buku Merah IBU" name="dokumen_9title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td><span style="color: red">* </span>Cop Pengesahan Bermastautin</td>
                                    <td>
                                        <input class="form-control m-input" type="file" name="dokumen_10">
                                        <input class="form-control m-input" type="hidden" value="Cop Pengesahan Bermastautin" name="dokumen_10title">
                                    </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('admin/permohonan/ladang') }}'">
                                    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">
                <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">
                            Nama IPTA/IPTS:
                            </label>
                            <input type="text" class="form-control" id="m_uni" >
                        </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">
                            Status Perkahwinan:
                            </label>
                            <input type="text" class="form-control" id="m_status_perkahwinan_pemohon" >
                        </div>
                    </div>
                    <div class="form-group row">
                        <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>
                <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">
                            <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">
                            No identiti:
                            </label>
                            <input type="text" class="form-control" id="m_identiti_penjaga" >
                        </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>
                    
                </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">
                            No identiti:
                            </label>
                            <input type="text" class="form-control" id="m_identiti_pasangan_penjaga" >
                        </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>
                <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" id="m_maklumat_pekerjaan_pemohon1">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat" >
                        </div>
                    </div>

                    <div class="form-group row" id="m_maklumat_pekerjaan_pemohon2">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Pendapatan Kasar Sebulan:
                            </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">
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan" >
                        </div>
                    </div>
                    <div class="form-group row" id="m_maklumat_pekerjaan_pemohon3">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            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">
                            RM                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_rm_pemohon" >
                        </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" id="m_maklumat_pekerjaan_penjaga1">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat_penjaga" >
                        </div>
                    </div>

                    <div class="form-group row" id="m_maklumat_pekerjaan_penjaga2">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Pendapatan Kasar Sebulan:
                            </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">
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan_penjaga" >
                        </div>
                    </div>
                    <div class="form-group row" id="m_maklumat_pekerjaan_penjaga3">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            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">
                            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" id="m_maklumat_pekerjaan_pasangan_penjaga1">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon Pejabat:
                            </label>
                            <input type="text" class="form-control" id="m_no_telefon_pejabat_pasangan_penjaga" >
                        </div>
                    </div>

                    <div class="form-group row" id="m_maklumat_pekerjaan_pasangan_penjaga2">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Pendapatan Kasar Sebulan:
                            </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">
                            Pendapatan Bersih Sebulan:
                            </label>
                            <input type="text" class="form-control" id="m_pendapatan_bersih_sebulan_pasangan_penjaga" >
                        </div>
                    </div>
                    <div class="form-group row" id="m_maklumat_pekerjaan_pasangan_penjaga3">
                        <div class="col-md-6" >
                            <label for="recipient-name" class="form-control-label">
                            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">
                            RM                           
                            </label>
                            <input type="text" class="form-control" id="m_sumber_pendapatan_lain_pasangan_rm_penjaga" >
                        </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 memastikan ianya terpelihara dengan mengambil langkah
                                tertentu seperti yang termaktub di dalam akta tersebut. Dengan mengemukakan dan menyediakan maklumat anda kepada
                                kami di dalam borang pendaftaran ini, anda membenarkan penggunaan maklumat 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 dengan ini mengakui bahawa segala maklumat yang dinyatakan di dalam Borang Permohonan ini adalah BENAR
                                dan memberikan kebenaran kepada Kerajaan Negeri Selangor untuk membuat semakan
                                data butir-butir peribadi saya bagi memproses permohonan ini.
                            </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")
    .inputmask({mask: "999999999999", placeholder: ""});
   
    $("#notelefonbimbitpemohon,#notelefonbimbitpasangan,#notelefonbimbitpenjaga,#notelefonbimbitpasanganpenjaga").inputmask({
        mask: "9999999999999",
        placeholder: ""
    });

   $("#pendapatanbersihsebulanpemohon, #pendapatankasarsebulanpemohon, #sumberpendapatanlainpemohon, #pendapatanbersihsebulanpasangan, #pendapatankasarsebulanpasangan, #sumberpendapatanlainpasangan, #pendapatanbersihsebulanpenjaga, #pendapatankasarsebulanpenjaga, #sumberpendapatanlainpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").inputmask({mask: "9999999",placeholder: ""});
   
   $('#notelefonrumahpemohon,#notelefonrumahpasangan,#notelefonrumahpenjaga,#notelefonrumahpasanganpenjaga,#notelefonpejabatpemohon,#notelefonpejabatpasangan,#notelefonpejabatpenjaga,#notelefonpejabatpasanganpenjaga').inputmask('Regex', { regex: "^(03)[0-9]{8}$"});
   
   $("#noakuanbank").inputmask({mask: "9999999999999999",placeholder: ""}); 
   $(document).ready(() => {
        assign_js('pasangan');
        $('.maklumat_pasangan').hide();
        $(".nama").inputmask("Regex");
        getIc($('#ic_type option:selected').val());
        $("#poskod").inputmask({
            mask: "99999",
            placeholder: ""
        });
        $("#tel_bimbit, #jmb_no_tel").inputmask({
            mask: "9999999999999",
            placeholder: ""
        });
    });
    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(){
        $('#jenispekerjaanpemohon').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#maklumat_pekerjaan_pemohon, #notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").show('slow');     
        }
        else
        {
            $("#maklumat_pekerjaan_pemohon, #notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").hide('slow');
            $("#notelefonpejabatpemohon, #pendapatankasarsebulanpemohon, #pendapatanbersihsebulanpemohon, #jenissumberpendapatanlainpemohon, #sumberpendapatanlainpemohon").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenispekerjaanpasangan').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").show('slow');     
        }
        else
        {
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").hide('slow');
            $("#notelefonpejabatpasangan, #jenissumberpendapatanlainpasangan, #sumberpendapatanlainpasangan").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenispekerjaanpenjaga').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#maklumat_pekerjaan_penjaga, #notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").show('slow');     
        }
        else
        {
            $("#maklumat_pekerjaan_penjaga, #notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").hide('slow');
            $("#notelefonpejabatpenjaga, #pendapatankasarsebulanpenjaga, #pendapatanbersihsebulanpenjaga, #jenissumberpendapatanlainpenjaga, #sumberpendapatanlainpenjaga").val('');
        }
        });
    });
    $(document).ready(function(){
        $('#jenispekerjaanpasanganpenjaga').on('change', function() {
        if ( this.value == 'Bekerja')
        {
            $("#maklumat_pekerjaan_pasangan_penjaga, #notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").show('slow');     
        }
        else
        {
            $("#maklumat_pekerjaan_pasangan_penjaga, #notelefonpejabatpasanganpenjaga, #pendapatankasarsebulanpasanganpenjaga, #pendapatanbersihsebulanpasanganpenjaga, #jenissumberpendapatanlainpasanganpenjaga, #sumberpendapatanlainpasanganpenjaga").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() == ''
            
            || $('input[name="namapasangan"]').val() == ''
            || $('input[name="nokadpengenalanpasangan"]').val() == ''
            || $('input[name="notelefonbimbitpasangan"]').val() == ''

            || $('input[name="namapenjaga"]').val() == ''
            || $('input[name="nokadpengenalanpenjaga"]').val() == ''
            || $('input[name="notelefonbimbitpenjaga"]').val() == ''
            || $('select[name="pertalianpenjaga"] option:selected').val() == ''

            || $('input[name="namapasanganpenjaga"]').val() == ''
            || $('input[name="nokadpengenalanpasanganpenjaga"]').val() == ''
            || $('input[name="notelefonbimbitpasanganpenjaga"]').val() == ''

            || $('input[name="dokumen_1"]').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() == ''

            // || $('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() == ''
            )
            
            {
            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());
        // 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());
        // 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());
        // Maklumat pendapatan pemohon
        if ($('#m_status_pekerjaan').val($('select[name="jenispekerjaanpemohon"] option:selected').val()) == 'Bekerja') {
            $('#m_maklumat_pekerjaan_pemohon1').show('');
            $('#m_maklumat_pekerjaan_pemohon2').show('');
            $('#m_maklumat_pekerjaan_pemohon3').show('');
            $('#m_no_telefon_pejabat').show('');
            $('#m_pendapatan_kasar_sebulan').show('');
            $('#m_pendapatan_bersih_sebulan').show('');
            $('#m_sumber_pendapatan_lain').show('');
            $('#m_sumber_pendapatan_lain_rm_pemohon').show('');
            $('#m_no_telefon_pejabat').val($('input[name="notelefonpejabatpemohon"]').val());
            $('#m_pendapatan_kasar_sebulan').val($('input[name="pendapatankasarsebulanpemohon"]').val());
            $('#m_pendapatan_bersih_sebulan').val($('input[name="pendapatanbersihsebulanpemohon"]').val());
            $('#m_sumber_pendapatan_lain').val($('select[name="jenissumberpendapatanlainpemohon"] option:selected').val());
            $('#m_sumber_pendapatan_lain_rm_pemohon').val($('input[name="sumberpendapatanlainpemohon"]').val());
        } else {
            $('#m_maklumat_pekerjaan_pemohon1').hide('');
            $('#m_maklumat_pekerjaan_pemohon2').hide('');
            $('#m_maklumat_pekerjaan_pemohon3').hide('');
            $('#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('');
            $('#m_no_telefon_pejabat').val() == '';
            $('#m_pendapatan_kasar_sebulan').val() == '';
            $('#m_pendapatan_bersih_sebulan').val() == '';
            $('#m_sumber_pendapatan_lain').val() == '';
            $('#m_sumber_pendapatan_lain_rm_pemohon').val() == '';
        }
        
        // Maklumat Pendapatan Penjaga:
        if ($('#m_status_pekerjaan_penjaga').val($('select[name="jenispekerjaanpenjaga"] option:selected').val()) == 'Bekerja') {
            $('#m_maklumat_pekerjaan_penjaga1').show('');
            $('#m_maklumat_pekerjaan_penjaga2').show('');
            $('#m_maklumat_pekerjaan_penjaga3').show('');
            $('#m_no_telefon_pejabat_penjaga').show('');
            $('#m_pendapatan_kasar_sebulan_penjaga').show('');
            $('#m_pendapatan_bersih_sebulan_penjaga').show('');
            $('#m_sumber_pendapatan_lain_penjaga').show('');
            $('#m_sumber_pendapatan_lain_rm_penjaga').show('');
            $('#m_no_telefon_pejabat_penjaga').val($('input[name="notelefonpejabatpenjaga"]').val());
            $('#m_pendapatan_kasar_sebulan_penjaga').val($('input[name="pendapatankasarsebulanpenjaga"]').val());
            $('#m_pendapatan_bersih_sebulan_penjaga').val($('input[name="pendapatanbersihsebulanpenjaga"]').val());
            $('#m_sumber_pendapatan_lain_penjaga').val($('select[name="jenissumberpendapatanlainpenjaga"] option:selected').val());
            $('#m_sumber_pendapatan_lain_rm_penjaga').val($('input[name="sumberpendapatanlainpenjaga"]').val());
        } else {
            $('#m_maklumat_pekerjaan_penjaga1').hide('');
            $('#m_maklumat_pekerjaan_penjaga2').hide('');
            $('#m_maklumat_pekerjaan_penjaga3').hide('');
            $('#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('');
            $('#m_no_telefon_pejabat_penjaga').val() == '';
            $('#m_pendapatan_kasar_sebulan_penjaga').val() == '';
            $('#m_pendapatan_bersih_sebulan_penjaga').val() == '';
            $('#m_sumber_pendapatan_lain_penjaga').val() == '';
            $('#m_sumber_pendapatan_lain_rm_penjaga').val() == '';
        }
        
        // Maklumat Pendapatan Pasangan Penjaga:
        if ($('#m_status_pekerjaan_pasangan_penjaga').val($('select[name="jenispekerjaanpasanganpenjaga"] option:selected').val()) == 'Bekerja') {
            $('#m_maklumat_pekerjaan_pasangan_penjaga1').show('');
            $('#m_maklumat_pekerjaan_pasangan_penjaga2').show('');
            $('#m_maklumat_pekerjaan_pasangan_penjaga3').show('');
            $('#m_no_telefon_pejabat_pasangan_penjaga').show('');
            $('#m_pendapatan_kasar_sebulan_pasangan_penjaga').show('');
            $('#m_pendapatan_bersih_sebulan_pasangan_penjaga').show('');
            $('#m_sumber_pendapatan_lain_pasangan_penjaga').show('');
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').show('');
            $('#m_no_telefon_pejabat_pasangan_penjaga').val($('input[name="notelefonpejabatpasanganpenjaga"]').val());
            $('#m_pendapatan_kasar_sebulan_pasangan_penjaga').val($('input[name="pendapatankasarsebulanpasanganpenjaga"]').val());
            $('#m_pendapatan_bersih_sebulan_pasangan_penjaga').val($('input[name="pendapatanbersihsebulanpasanganpenjaga"]').val());
            $('#m_sumber_pendapatan_lain_pasangan_penjaga').val($('select[name="jenissumberpendapatanlainpasanganpenjaga"] option:selected').val());
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').val($('input[name="sumberpendapatanlainpasanganpenjaga"]').val());
        } else {
            $('#m_maklumat_pekerjaan_pasangan_penjaga1').hide('');
            $('#m_maklumat_pekerjaan_pasangan_penjaga2').hide('');
            $('#m_maklumat_pekerjaan_pasangan_penjaga3').hide('');
            $('#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('');
            $('#m_no_telefon_pejabat_pasangan_penjaga').val() == '';
            $('#m_pendapatan_kasar_sebulan_pasangan_penjaga').val() == '';
            $('#m_pendapatan_bersih_sebulan_pasangan_penjaga').val() == '';
            $('#m_sumber_pendapatan_lain_pasangan_penjaga').val() == '';
            $('#m_sumber_pendapatan_lain_pasangan_rm_penjaga').val() == '';
        }
        
        // Maklumat Pasangan
        var pasangan_ic = [],
            pasangan_nama = [],
            pasangan_no_tel_bimbit = [],
            pasangan_no_tel_rumah = [],
            jenispekerjaanpasangan = [],
            pendapatan_kasar_pasangan = [],
            pendapatanbersihsebulanpasangan = [],
            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());
        });
        $('input[name="pendapatanbersihsebulanpasangan[]"]').each(function(i,v){
            pendapatanbersihsebulanpasangan.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],
                pendapatanbersihsebulanpasangan: pendapatanbersihsebulanpasangan[x],
                jenissumberpendapatanlainpasangan: jenissumberpendapatanlainpasangan[x],
                sumberpendapatanlainpasangan: sumberpendapatanlainpasangan[x],
            })
        }

        $('#m_pasangan_input').html('');
        data.forEach(function(d) {
            html =
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.pasangan_ic+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.pasangan_nama+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.pasangan_no_tel_bimbit+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.pasangan_no_tel_rumah+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.jenispekerjaanpasangan+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" value="'+d.notelefonpejabatpasangan+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="number" class="form-control m-input" value="'+d.pendapatan_kasar_pasangan+'" disabled>'+
                '</td>'+
                '<td>'+
                    '<input type="number" class="form-control m-input" value="'+d.pendapatanbersihsebulanpasangan+'" disabled>'+
                '</td>' +
                '<td>'+
                    '<input type="number" class="form-control m-input" value="'+d.jenissumberpendapatanlainpasangan+'" disabled>'+
                    '<input type="number" class="form-control m-input" value="'+d.sumberpendapatanlainpasangan+'" disabled>'+
                '</td>'
            '</tr>';
            $('#m_pasangan_input').append(html);
        });
        $('#rumusan_permohonan').modal('show');
    }
    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('admin/permohonan/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 =
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pasangan_ic" name="pasangan_ic[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">'+
                '</td>'+
                '<td>'+
                '<input type="text" class="form-control m-input pasangan_no_tel" name="pasangan_no_tel_bimbit[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pasangan_no_telefon_rumah" name="pasangan_no_tel_rumah[]">'+
                '</td>'+
                '<td>'+
                    '<select class="form-control m-input" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan[]">'+
                        '<option value="" hidden selected>Sila pilih jenis pekerjaan</option>'+
                        '<option value="Bekerja">Bekerja</option>'+
                        '<option value="Tidak Bekerja">Tidak Bekerja</option>'+
                    '</select>'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input notelefonpejabatpasangan" name="notelefonpejabatpasangan[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pendapatankasarsebulanpasangan" name="pendapatan_kasar_pasangan[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pendapatanbersihsebulanpasangan" name="pendapatanbersihsebulanpasangan[]">'+
                '</td>'+
                '<td>'+
                    '<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>' +
                    '<input type="text" class="form-control m-input sumberpendapatanlainpasangan" id="sumberpendapatanlainpasangan" name="sumberpendapatanlainpasangan[]">' +
                '</td>' +
                '<td>'+
                    '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="pasangan_delete($(this))">'+
                        '<span>'+
                            '<i class="la la-trash-o"></i>'+
                            '<span>Padam</span>'+
                        '</span>'+
                    '</div>'+
                '</td>'+
            '</tr>';
        $('#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