@extends('layouts.app')

@section('title', 'Permohonan '.strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))

@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;
   }
  
.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;  
   }
   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;
   }
   .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-repeat: no-repeat!important;
   background-position: right!important;
   padding-right: 40px!important;
   margin-bottom: 5px !important;
   display: inline-block!important;
   }
</style>
@endsection
@section('content')

@php
$user = Auth::user()->profile->tarikh_lahir;
$years = (Carbon\Carbon::now()->year) - (Carbon\Carbon::parse($user)->year);
@endphp
<div class="m-content">
   <div class="row">
            <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--fit m-form--label-align-right m-form--group-seperator-dashed" action="{{ url('rakyat/daftar') }}" method="POST">
        @csrf
        <input type="hidden" name="ipr" value="{{ $ipr->name }}">
        <input type="hidden" name="akuan_1" value="">
        <input type="hidden" name="akuan_2" value="">
   <div class="m-content">
      <div class="row">
         <div class="col-lg-12">
            <div id="cardsmartsewa" class="m-portlet">
               <div class="m-portlet__head" >
                  <div class="m-portlet__head-caption">
                     <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                        <i class="la la-gear"></i>
                        </span>
                        <h3 id="danausahawanmikroselangor" class="m-portlet__head-text"  >
                           SKIM SMART SEWA
                        </h3>
                     </div>
                  </div>
               </div>
               <div class="m-portlet__body">
                  <div class="m-form__section m-form__section--first lokasiskimsmartsewa" >
                     <div class="m-form__heading">
                        <h3 id="lokasiskimsmartsewa" class="m-form__heading-title">
                           Lokasi Skim Smart Sewa:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        Sila pilih lokasi:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="lokasi" name="lokasi">
                              <option value="" hidden selected>Sila pilih lokasi</option>
                              @foreach (App\LokasiSewa::all() as $lokasi)
                              <option value="{{ $lokasi->nama_lok }}" data-kadar="{{ $lokasi->sewa_bulanan}}" @if(old('lokasi')==$lokasi->nama_lok) selected @endif>{{ $lokasi->nama_lok }}</option>
                              @endforeach
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        Kadar Sewa (RM):
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="kadarsewa" name="kadarsewa" readonly>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpemohon"></div>
                  <div class="m-form__section m-form__section--middle maklumatpemohon">
                     <div class="m-form__heading">
                        <h3 id="maklumatpemohon" class="m-form__heading-title">
                           Maklumat Pemohon:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Pemohon:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namapemohon" name="namapemohon" value="{{$profile->nama}}" placeholder="Sila masukan nama">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Taraf Perkahwinan:
                        </label>
                           <div class="col-lg-4">
                              <select class="form-control m-input" id="status_perkahwinan" name="status_perkahwinan">
                                 <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                 <option value="Bujang" @if($profile->status_perkahwinan == 'Bujang') selected @endif>Bujang</option>
                                 <option value="Berkahwin" @if($profile->status_perkahwinan == 'Berkahwin') selected @endif>Berkahwin</option>
                                 <option value="Duda/Janda" @if($profile->status_perkahwinan == 'Duda/Janda') selected @endif>Duda/Janda</option>
                              </select>
                           </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label"> 
                        <span style="color: red">* </span>Umur:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <input type="text" class="form-control m-input" id="umurpemohon" name="umurpemohon" value="{{$years}}" placeholder="Sila masukan umur" readonly>  
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select id="warganegarapemohon" name="warganegarapemohon" class="form-control m-input" value="{{ $profile->warganegara }}">
                              <option value="Malaysia">Malaysia</option>
                              <option value="Lain-lain">Lain-lain</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No.Kad Pengenalan / No.Polis / No.Tentera:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="m-input" id="ic_type" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" onchange="getIc($(this).val())">
                              <option value="1">No. K/P</option>
                              <option value="2">No. Tentera</option>
                              <option value="3">No. Polis</option>
                           </select>
                           <input type="text" class="form-control m-input" id="nokadpengenalanpemohon" name="nokadpengenalanpemohon" placeholder="Sila masukan no kad pengenalan" value="{{$profile->ic}}" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonbimbitpemohon" name="notelefonbimbitpemohon" value="{{$profile->tel_bimbit}}" placeholder="Sila masukan no telefon bimbit">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jantina:
                        </label>
                        <div class="col-lg-4">
                           <div class="m-radio-list">
                              <label class="m-radio m-radio--solid m-radio--brand">
                                    <input type="radio" name="jantina" value="Lelaki" @if($profile->jantina == "lelaki") checked @endif onclick="getJantina($(this).val())">
                                    Lelaki
                                    <span></span>
                              </label>
                              <label class="m-radio m-radio--solid m-radio--brand">
                                    <input type="radio" name="jantina" value="Perempuan" @if($profile->jantina == "perempuan") checked @endif onclick="getJantina($(this).val())">
                                    Perempuan
                                    <span></span>
                              </label>
                           </div>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span> </span>No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpemohon" name="notelefonrumahpemohon" value="{{$profile->tel_rumah}}" maxlength="10" placeholder="Sila masukan no telefon rumah">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emel" name="emel" value="{{$profile->email}}" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" >
                        </div>
                        <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="status_pekerjaan_pemohon" name="status_pekerjaan_pemohon" onchange="getStatusPemohon($(this).val())">
                                 <option value="" hidden selected>Sila pilih status pekerjaan</option>
                                 <option value="Bekerja">Bekerja</option>
                                 <option value="Tidak Bekerja">Tidak Bekerja</option>
                              </select>
                           </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_1" value="{{$profile->alamat_1}}" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod" name="poskod" value="{{$profile->poskod}}" placeholder="Sila masukan poskod">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_2" value="{{$profile->alamat_2}}" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Daerah:
                        </label>
                        <div class="col-lg-4">
                           <select type="text" class="form-control m-input" id="daerah" name="daerah">
                              <option value="{{ old('') }}" hidden selected>Sila pilih daerah</option>
                              <option value="Gombak" @if($profile->daerah == 'Gombak') selected @endif>Gombak</option>
                              <option value="Hulu Langat" @if($profile->daerah == 'Hulu Langat') selected @endif>Hulu Langat</option>
                              <option value="Hulu Selangor" @if($profile->daerah == 'Hulu Selangor') selected @endif>Hulu Selangor</option>
                              <option value="Klang" @if($profile->daerah == 'Klang') selected @endif>Klang</option>
                              <option value="Kuala Langat" @if($profile->daerah == 'Kuala Langat') selected @endif>Kuala Langat</option>
                              <option value="Kuala Selangor" @if($profile->daerah == 'Kuala Selangor') selected @endif>Kuala Selangor</option>
                              <option value="Petaling" @if($profile->daerah == 'Petaling') selected @endif>Petaling</option>
                              <option value="Sabak Bernam" @if($profile->daerah == 'Sabak Bernam') selected @endif>Sabak Bernam</option>
                              <option value="Sepang" @if($profile->daerah == 'Sepang') selected @endif>Sepang</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" name="alamat_3" value="{{$profile->alamat_3}}" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="negeri" name="negeri">
                              <option value="{{ old('') }}" hidden selected>Sila pilih negeri</option>
                              <option value="Johor" @if($profile->negeri == 'Johor') selected @endif>Johor</option>
                              <option value="Kedah" @if($profile->negeri == 'Kedah') selected @endif>Kedah</option>
                              <option value="Kelantan" @if($profile->negeri == 'Kelantan') selected @endif>Kelantan</option>
                              <option value="Melaka" @if($profile->negeri == 'Melaka') selected @endif>Melaka</option>
                              <option value="Negeri Sembilan" @if($profile->negeri == 'Negeri Sembilan') selected @endif>Negeri Sembilan</option>
                              <option value="Pahang" @if($profile->negeri == 'Pahang') selected @endif>Pahang</option>
                              <option value="Penang" @if($profile->negeri == 'Penang') selected @endif>Penang</option>
                              <option value="Perak" @if($profile->negeri == 'Perak') selected @endif>Perak</option>
                              <option value="Perlis" @if($profile->negeri == 'Perlis') selected @endif>Perlis</option>
                              <option value="Selangor" @if($profile->negeri == 'Selangor') selected @endif>Selangor</option>
                              <option value="Terengganu" @if($profile->negeri == 'Terengganu') selected @endif>Terengganu</option>
                              <option value="Sabah" @if($profile->negeri == 'Sabah') selected @endif>Sabah</option>
                              <option value="Sarawak" @if($profile->negeri == 'Sarawak') selected @endif>Sarawak</option>
                              <option value="W.P. Kuala Lumpur" @if($profile->negeri == 'W.P. Kuala Lumpur') selected @endif>W.P. Kuala Lumpur</option>
                              <option value="W.P. Labuan" @if($profile->negeri == 'W.P. Labuan') selected @endif>W.P. Labuan</option>
                              <option value="W.P. Putrajaya" @if($profile->negeri == 'W.P. Putrajaya') selected @endif>W.P. Putrajaya</option>
                           </select>
                        </div>
                     </div>
                  <div class="m-form__seperator m-form__seperator--dashed m_"></div>
                  <div class="m-form__section m-form__section--middle m_">
                     <div class="m-form__heading">
                        <h3 id="maklumatpasangan" class="m-form__heading-title">
                           Maklumat Pasangan:
                        </h3>
                     </div>
                     @foreach ($pasangans as $pasangan)
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="namapasangan" name="namapasangan" value="{{ $pasangan->nama }}" placeholder="Sila masukan nama">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tarikh Lahir:
                        </label>
                        <div class="col-lg-4">
                           <input type="date" data-date="" id="tarikhlahirpasangan" name="tarikhlahirpasangan" value="{{$pasangan->tarkh_lahir}}" class="form-control m-input" onchange="updateAge($(this).val())" data-date-format="MM DD YYYY">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Umur:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="umurpasangan" name="umurpasangan" value="" placeholder="Sila masukan tarikh lahir">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Warganegara:
                        </label>
                        <div class="col-lg-4">
                           <select id="warganegarapasangan" name="warganegarapasangan" class="form-control m-input">
                              <option value="" hidden selected>Sila pilih warganegara</option>
                              <option value="1">Malaysia</option>
                              <option value="2">Lain-lain</option>
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No.Kad Pengenalan / No.Polis / No.Tentera:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <select class="m-input" id="ic_type_pasangan" name="ic_type_pasangan" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" onchange="getIc($(this).val())">
                              <option value="1">No. K/P</option>
                              <option value="2">No. Tentera</option>
                              <option value="3">No. Polis</option>
                           </select>
                           <input type="text" class="form-control m-input" id="nokadpengenalanpasangan" name="nokadpengenalanpasangan" value="{{ $pasangan->ic_pasangan }}" placeholder="Sila masukan no kad pengenalan" value="" onblur="checkDuplicate($(this).val(),'ic')" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonbimbitpasangan" name="notelefonbimbitpasangan" value="{{ $pasangan->no_tel_bimbit }}" placeholder="Sila masukan no telefon bimbit">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emelpasangan" name="emelpasangan" value="{{ $pasangan->emel }}" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" >
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span> </span>No Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="notelefonrumahpasangan" value="{{ $pasangan->no_tel_rumah }}" name="notelefonrumahpasangan" placeholder="Sila masukan no telefon rumah">
                        </div>
                           <input type="text" class="form-control m-input placeitrighthandside" id="pendapatanpasangan" name="pendapatanpasangan" value="{{ number_format($pasangan->pendapatan,2) }}" placeholder="Sila masukan pendapatan pasangan" oninput="total()" hidden>
                        </div>
                     </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="status_pekerjaan_pasangan" name="status_pekerjaan_pasangan" onchange="getStatusPasangan($(this).val())">
                                 <option value="" hidden selected>Sila pilih status pekerjaan</option>
                                 <option value="Bekerja">Bekerja</option>
                                 <option value="Tidak Bekerja">Tidak Bekerja</option>
                              </select>
                           </div>
                     </div>

                     
                     @endforeach
                     
                     <div class="m-form__seperator m-form__seperator--dashed maklumatpekerjaanpemohon"></div>
                     <div class="m-form__section m-form__section--middle maklumatpekerjaanpemohon">
                        <div class="m-form__heading">
                           <h3 id="maklumatpekerjaanpemohon" class="m-form__heading-title">
                              Maklumat Pekerjaan Pemohon:
                           </h3>
                        </div>
                        <div class="form-group m-form__group row">
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Nama Syarikat:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="namasyarikatpemohon" name="namasyarikatpemohon" placeholder="Sila masukan nama syarikat">
                           </div>
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Jawatan:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="jawatanpemohon" name="jawatanpemohon" placeholder="Sila masukan jawatan">
                           </div>
                        </div>
                        <div class="form-group m-form__group row">
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Alamat:
                           </label>
                           <div class="col-lg-4">
                              <textarea  id="alamatpejabatpemohon" name="alamatpejabatpemohon" class="form-control m-input textarearesize" rows="5" cols="3"></textarea>
                           </div>
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>No Telefon Pejabat:<br/><br/><br/><br/>
                           No Telefon Fax:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="notelefonpejabatpemohon" name="notelefonpejabatpemohon" placeholder="Sila masukan no telefon pejabat"> <br/><br/>
                              <input type="text" class="form-control m-input" id="notelefonfaxpemohon" name="notelefonfaxpemohon" placeholder="Sila masukan no telefon fax"> 
                           </div>
                        </div>
                     </div>
                     <div class="m-form__seperator m-form__seperator--dashed maklumatpekerjaanpasangan"></div>
                     <div class="m-form__section m-form__section--middle maklumatpekerjaanpasangan">
                        <div class="m-form__heading">
                           <h3 id="maklumatpekerjaanpemohon" class="m-form__heading-title">
                              Maklumat Pekerjaan Pasangan:
                           </h3>
                        </div>
                        <div class="form-group m-form__group row">
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Nama Syarikat:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="namasyarikatpasangan" name="namasyarikatpasangan" placeholder="Sila masukan nama syarikat">
                           </div>
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Jawatan:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="jawatanpasangan" name="jawatanpasangan" placeholder="Sila masukan jawatan">
                           </div>
                        </div>
                        <div class="form-group m-form__group row">
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>Alamat:
                           </label>
                           <div class="col-lg-4">
                              <textarea  id="alamatpejabatpasangan" name="alamatpejabatpasangan" class="form-control m-input textarearesize" rows="5" cols="3"></textarea>
                           </div>
                           <label class="col-lg-2 col-form-label">
                           <span style="color: red">* </span>No Telefon Pejabat:<br/><br/><br/><br/>
                           No Telefon Fax:
                           </label>
                           <div class="col-lg-4">
                              <input type="text" class="form-control m-input" id="notelefonpejabatpasangan" name="notelefonpejabatpasangan" placeholder="Sila masukan no telefon pejabat"> <br/><br/>
                              <input type="text" class="form-control m-input" id="notelefonfaxpasangan" name="notelefonfaxpasangan" placeholder="Sila masukan no telefon fax"> 
                           </div>
                        </div>
                     </div>
                     <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanbulanan"></div>
                     <div class="m-form__section m-form__section--middle maklumatpendapatanbulanan">
                        <div class="m-form__heading">
                           <h3 id="maklumatpendapatanbulanan" class="m-form__heading-title">
                              Maklumat Pendapatan Bulanan:
                           </h3>
                        </div>
                        <div class="form-group m-form__group row">
                           <label class="col-lg-2 col-form-label pendapatan_pemohon">
                           <span style="color: red">* </span>Pendapatan Pemohon:
                           </label>
                           <div class="input-group m-input-group col-lg-4 pendapatan_pemohon">
                              <span class="input-group-addon">
                              RM
                              </span>
                              <input type="text" class="form-control m-input placeitrighthandside" id="pendapatanpemohon" name="pendapatanpemohon" value="{{ number_format($profile->pendapatan, 2) }}" placeholder="Sila masukan pendapatan pemohon" oninput="total()">
                           </div>
                           @foreach ($pasangans as $pasangan)
                           <label class="col-lg-2 col-form-label pendapatan_pasangan">
                           <span style="color: red">* </span>Pendapatan Pasangan:
                           </label>
                           <div class="input-group m-input-group col-lg-4 pendapatan_pasangan">
                              <span class="input-group-addon">
                              RM
                              </span>
                              <input type="text" class="form-control m-input placeitrighthandside" id="pendapatanpasangan" name="pendapatanpasangan" value="{{ number_format($pasangan->pendapatan,2) }}" placeholder="Sila masukan pendapatan pasangan" oninput="total()">
                           </div>
                           @endforeach
                        </div>
                        <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                           <span style="color: red"> </span>Jumlah Pendapatan:
                           </label>
                           <div class="input-group m-input-group col-lg-4">
                              <span class="input-group-addon">
                              RM
                              </span>
                              <input type="text" class="form-control m-input placeitrighthandside" id="pendapatan_isi_rumah" name="pendapatan_isi_rumah" placeholder="Jumlah pendapatan" readonly>
                           </div>
                        </div>
                     </div>
                     <div class="m-form__seperator m-form__seperator--dashed maklumatpendapatanbulanan"></div>
                     <div class="m-form__section m-form__section--middle maklumatpeganganhartapemohon">
                        <div class="m-form__heading">
                           <h3 id="maklumatpeganganhartapemohon" class="m-form__heading-title">
                              Maklumat Pegangan Harta Pemohon:
                           </h3>
                        </div>
                        <br>
                        <!-- Rumah -->
                        <div class="m-form__heading">
                           <h5 id="maklumatahlikeluarga" class="m-form__heading-title">
                              Rumah:
                           </h5>
                        </div>
                           <div class="col-lg-12">
                              <table id="kemahirantable" class="table order table-responsive">
                                 <thead >
                                    <tr>
                                       <th>Jenis Rumah</th>
                                       <th>Alamat</th>
                                       <th width="10%"></th>
                                    </tr>
                                 </thead>
                                 <tbody id="rumah_input">
                                    <tr>
                                    <td><input id="jenisrumah" name="jenis_rumah[]" type="text" class="form-control m-input"></td>
                                    <td><input id="alamat_application" name="alamat_application[]" type="text" class="form-control m-input"></td>
                                    </tr>
                                 </tbody>
                                 <tfoot></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="rumah_add()">
                                 <span>
                                    <i class="la la-plus"></i>
                                    <span>
                                       Tambah
                                    </span>
                                 </span>
                              </div>
                           </div>
                           <!-- Rumah -->
                           <!-- Kereta -->
                           <div class="m-form__heading">
                              <h5 id="maklumatahlikeluarga" class="m-form__heading-title">
                                 Kereta:
                              </h5>
                           </div>
                              <div class="col-lg-12">
                                 <table id="kemahirantable" class="table order table-responsive">
                                    <thead >
                                       <tr>
                                          <th>Jenis Kenderaan</th>
                                          <th>No Pendaftaran</th>
                                          <th>Pemilikan</th>
                                          <th width="10%"></th>
                                       </tr>
                                    </thead>
                                    <tbody id="kereta_input">
                                       <tr>
                                       <td><input id="jeniskenderaan" name="jenis_kenderaan[]" type="text" class="form-control m-input"></td>
                                       <td><input id="no_pendaftaran" name="no_pendaftaran[]" type="text" class="form-control m-input"></td>
                                       <td><input id="pemilikan" name="pemilikan[]" type="text" class="form-control m-input"></td>
                                       </tr>
                                    </tbody>
                                    <tfoot></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="kereta_add()">
                                    <span>
                                       <i class="la la-plus"></i>
                                       <span>
                                          Tambah
                                       </span>
                                    </span>
                                 </div>
                              </div>
                              <!-- Kereta -->

                     <div class="m-form__seperator m-form__seperator--dashed maklumatkesihatanpemohon"></div>
                     <div class="m-form__section m-form__section--middle maklumatkesihatanpemohon">
                        <div class="m-form__heading">
                           <h3 id="maklumatkesihatanpemohon" class="m-form__heading-title">
                              Maklumat Kesihatan Pemohon:
                           </h3>
                        </div>
                        <br>
                           <!-- Kesihatan -->
                           <div class="m-form__heading">
                              <h5 id="maklumatahlikeluarga" class="m-form__heading-title">
                                 Masalah Kesihatan:
                              </h5>
                           </div>
                              <div class="col-lg-12">
                                 <table id="kemahirantable" class="table order table-responsive">
                                    <thead >
                                       <tr>
                                          <th>Jenis Penyakit</th>
                                          <th>Dokumen</th>
                                          <th width="10%"></th>
                                       </tr>
                                    </thead>
                                    <tbody id="penyakit_input">
                                       <tr>
                                       <td><input id="jenispenyakit" name="jenis_penyakit[]" type="text" class="form-control m-input"></td>
                                       <td><input class="form-control m-input" type="file" id="doc_penyakit" name="doc_penyakit[]"></td>
                                       </tr>
                                    </tbody>
                                    <tfoot></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="penyakit_add()">
                                    <span>
                                       <i class="la la-plus"></i>
                                       <span>
                                          Tambah
                                       </span>
                                    </span>
                                 </div>
                              </div>
                              <!-- Kesihatan -->
                              <!-- Kecacatan -->
                              <div class="m-form__heading">
                                 <h5 id="maklumatahlikeluarga" class="m-form__heading-title">
                                    Kecacatan:
                                 </h5>
                              </div>
                                 <div class="col-lg-12">
                                    <table id="kemahirantable" class="table order table-responsive">
                                       <thead >
                                          <tr>
                                             <th></th>
                                             <th>Kad OKU</th>
                                             <th width="10%"></th>
                                          </tr>
                                       </thead>
                                       <tbody id="kemahiran_input">
                                          <tr>
                                          <td><input id="oku" type="text" class="form-control m-input"  placeholder="Sila lampirkan kad OKU (Jika Ada)" readonly></td>
                                          <td><input class="form-control m-input" type="file" id="kadoku" name="kad_oku"></td>
                                          <input class="form-control m-input" type="hidden" value="Salinan Kad OKU" name="kad_okutitle">
                                          </tr>
                                       </tbody>
                                       <tfoot></tfoot>
                                    </table>
                                 </div>
                                 <!-- Kecacatan -->
                        
                     <div class="m-form__seperator m-form__seperator--dashed maklumattanggungganbutiranahlikeluarga"></div>
                     <div class="m-form__section m-form__section--middle maklumattanggungganbutiranahlikeluarga">
                        <div class="m-form__heading">
                           <h3 id="maklumattanggungganbutiranahlikeluarga" class="m-form__heading-title">
                              Maklumat Tanggunggan / Butiran Ahli Keluarga :
                           </h3>
                        </div>
                           <!-- Keluarga -->
                           <div class="m-form__heading">
                           </div>
                              <div class="col-lg-12">
                                 <table id="kemahirantable" class="table order table-responsive">
                                    <thead >
                                       <tr>
                                          <th>No Kad Pengenalan</th>
                                          <th>Nama</th>
                                          <th>Hubungan</th>
                                          <th>Status Pekerjaan</th>
                                          <th>Pendapatan</th>
                                          <th>Komitmen Lain</th>
                                          <th width="10%"></th>
                                       </tr>
                                    </thead>
                                    <tbody id="keluarga_input">
                                       <tr>
                                       <td><input id="ic" name="ic_keluarga[]" type="text" class="form-control m-input"></td>
                                       <td><input id="nama" name="nama_keluarga[]" type="text" class="form-control m-input"></td>
                                       <td><input id="hubungan" name="hubungan[]" type="text" class="form-control m-input"></td>
                                       <td><input id="status" name="status[]" type="text" class="form-control m-input"></td>
                                       <td><input id="pendapatan" name="pendapatan[]" type="text" class="form-control m-input pendapatan" oninput="total()"></td>
                                       <td><input id="komitmen" name="komitmen[]" type="text" class="form-control m-input"></td>
                                       </tr>
                                    </tbody>
                                    <tfoot></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="keluarga_add()">
                                    <span>
                                       <i class="la la-plus"></i>
                                       <span>
                                          Tambah
                                       </span>
                                    </span>
                                 </div>
                              </div>
                              <!-- Keluarga -->
                     </div>
                     <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                     <div class="m-form__section m-form__section--last lampirandokumen">
                        <div class="m-form__heading">
                           <h3 id="lampirandokumen" name="lampirandokumen" class="m-form__heading-title">
                              Lampiran Dokumen:
                           </h3>
                        </div>
                        <div class="form-group m-form__group row">
                           <table class="table order table-responsive">
                              <thead>
                                 <tr>
                                    <th width="70%">Dokumen</th>
                                    <th width="30%">Muat Naik<span style="color: white; font-size: 12px"> (Saiz fail maksimum adalah 2MB)</span></th>
                                 </tr>
                              </thead>
                              <tbody>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>
                                    Salinan Kad Pengenalan Pemohon dan Pasangan</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_1" name="dokumen_1" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan Pemohon dan Pasangan" name="dokumen_1title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Surat Nikah/Surat Pendaftaran Perkahwinan/Surat Cerai/Sijil Kematian</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_2" name="dokumen_2" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Surat Nikah/Surat Pendaftaran Perkahwinan/Surat Cerai/Sijil Kematian" name="dokumen_2title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Kad Pengenalan,MyKid atau Surat Kelahiran Anak</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_3" name="dokumen_3" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan,MyKid atau Surat Kelahiran Anak" name="dokumen_3title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red"> </span>Penyata Gaji 3 Bulan Terkini (Jika Ada)</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_4" name="dokumen_4" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Penyata Gaji 3 Bulan Terkini" name="dokumen_4title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red"> </span>Penyata Gaji Pasangan</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_10" name="dokumen_10" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Penyata Gaji Pasangan" name="dokumen_10title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red"> </span>Salinan Penyata KWSP (Jika Ada)</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_5" name="dokumen_5" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Penyata KWSP" name="dokumen_5title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Penyata Bank 1 Bulan Terkini</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_6" name="dokumen_6" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Penyata Bank 1 Bulan Terkini" name="dokumen_6title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Pengesahan Pendapatan Terkini Dari Persuruhjaya Sumpah</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_7" name="dokumen_7" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Pengesahan Pendapatan Terkini Dari Persuruhjaya Sumpah" name="dokumen_7title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Bil Elektrik dan Bil Air Terkini Kediaman Sekarang</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_8" name="dokumen_8" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Bil Elektrik dan Bil Air Terkini Kediaman Sekarang" name="dokumen_8title">
                                 </tr>
                                 <tr>
                                    <td>
                                    <span style="color: red">* </span>Salinan Daftar Undi (Boleh ke website SPR untuk Semakan)</td>
                                    <td><input class="form-control m-input" type="file" id="dokumen_9" name="dokumen_9" onchange="ValidateSize(this)"></td>
                                    <input class="form-control m-input" type="hidden" value="Salinan Daftar Undi" name="dokumen_9title">
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>

                     <div class="m-portlet__foot m-portlet__foot--fit">
                        <div class="m-form__actions m-form__actions">
                            <div class="row">
                               <div class="col-lg-5"></div>
                                  <div class="col-lg-6">
                                    <button type="button" class="btn btn-primary" onclick="validate()">
                                        Hantar
                                    </button>
                                    <button type="reset" class="btn btn-secondary"  onclick="window.location='{{ url('cluster/pekerjaan-perniagaan') }}'">
                                        Kembali
                                    </button>
                                </div>
                            </div>
                        </div>
                      </div>
                     </div>

                  </div>
                  
               </div>
            </div>
         </div>
   </div>
                       
</form>
{{-- 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">
                  Lokasi Skim Smart Sewa:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Lokasi:
                     </label>
                     <input type="text" class="form-control" id="m_lokasi" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Kadar Sewa:
                     </label>
                     <input type="text" class="form-control" id="m_kadarsewa" readonly>
                  </div>
               </div>
            </div>
            <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" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Taraf Perkahwinan:
                     </label>
                     <input type="text" class="form-control" id="m_tarafperkahwinan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Umur:
                     </label>
                     <input type="text" class="form-control" id="m_umurpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Warganegara:
                     </label>
                     <input type="text" class="form-control" id="m_warganegarapemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                     No.Kad Pengenalan / No.Polis / No.Tentera:
                     </label>
                     <input type="text" class="form-control" id="m_nokadpengenalanpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        No Tel Bimbit:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonbimbitpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Jantina:
                     </label>
                     <input type="text" class="form-control" id="m_jantina" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        No Tel Rumah:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonrumahpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Emel: 
                     </label>
                     <input type="text" class="form-control" id="m_emel" readonly>
                  </div>
               </div>
            </div>
            <hr class="modal-hr">
            <div class="m-form__section m-form__section--middle">
               <h5 style="color: #f4516c">
                  Maklumat Tempat Tinggal:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Alamat:
                     </label>
                     <textarea type="text" class="form-control" id="m_alamat" readonly></textarea>
                  </div>
               </div>
            </div>
            <div class="m-form__section m-form__section--first ">
               <label style="color: #f4516c" id="h5_maklumat_pasangan">
                  Maklumat Pasangan:
               </label>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_namapasangan">
                        Nama:
                     </label>
                     <input type="text" class="form-control" id="m_namapasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_tarikhlahirpasangan">
                        Tarikh Lahir:
                     </label>
                     <input type="text" class="form-control" id="m_tarikhlahirpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_umurpasangan">
                        Umur:
                     </label>
                     <input type="text" class="form-control" id="m_umurpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_warganegarapasangan">
                        Warganegara:
                     </label>
                     <input type="text" class="form-control" id="m_warganegarapasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_nokadpengenalanpasangan">
                     No.Kad Pengenalan / No.Polis / No.Tentera:
                     </label>
                     <input type="text" class="form-control" id="m_nokadpengenalanpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonbimbitpasangan">
                        No Tel Bimbit:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonbimbitpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_emelpasangan">
                     Emel:
                     </label>
                     <input type="text" class="form-control" id="m_emelpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonrumahpasangan">
                        No Tel Rumah:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonrumahpasangan" readonly>
                  </div>
            </div>
            <div class="m-form__section m-form__section--first">
               <label style="color: #f4516c" id="h5_maklumat_pekerjaan_pemohon">
                  Maklumat Pekerjaan Pemohon:
               </label>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_namasyarikatpemohon">
                        Nama Syarikat:
                     </label>
                     <input type="text" class="form-control" id="m_namasyarikatpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_jawatanpemohon">
                        Jawatan:
                     </label>
                     <input type="text" class="form-control" id="m_jawatanpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_alamatpejabatpemohon">
                        Alamat:
                     </label>
                     <input type="text" class="form-control" id="m_alamatpejabatpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonpejabatpemohon">
                        No Telefon Pejabat:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonpejabatpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonfaxpemohon">
                        No Telefon/Fax:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonfaxpemohon" readonly>
                  </div>
               </div>
            <div class="m-form__section m-form__section--first">
               <label style="color: #f4516c" id="h5_maklumat_pekerjaan_pasangan">
                  Maklumat Pekerjaan Pasangan:
               </label>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_namasyarikatpasangan">
                        Nama Syarikat:
                     </label>
                     <input type="text" class="form-control" id="m_namasyarikatpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_jawatanasangan">
                        Jawatan:
                     </label>
                     <input type="text" class="form-control" id="m_jawatanasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_alamatpejabatpasangan">
                        Alamat:
                     </label>
                     <input type="text" class="form-control" id="m_alamatpejabatpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonpejabatpasangan">
                        No Telefon Pejabat:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonpejabatpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_notelefonfaxpasangan">
                        No Telefon/Fax:
                     </label>
                     <input type="text" class="form-control" id="m_notelefonfaxpasangan" readonly>
                  </div>
               </div>
            <div class="m-form__section m-form__section--first">
               <h5 style="color: #f4516c">
                  Maklumat Pendapatan Bulanan:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_pendapatanpemohon">
                        Pendapatan Pemohon:
                     </label>
                     <input type="text" class="form-control" id="m_pendapatanpemohon" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label" id="label_m_pendapatanpasangan">
                        Pendapatan Pasangan:
                     </label>
                     <input type="text" class="form-control" id="m_pendapatanpasangan" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Jumlah Pendapatan:
                     </label>
                     <input type="text" class="form-control" id="m_jumlahpendapatan" readonly>
                  </div>
               </div>
            <hr class="modal-hr maklumat_kemahiran">
            <div class="m-form__section m-form__section--middle maklumat_ahli_keluarga">
               <h5 style="color: #f4516c">
                  Maklumat Pegangan Harta Pemohon:
               </h5>
               <br>
               <h5 style="color: #f4516c">
                  Rumah:
               </h5>
               <div class="col-lg-12">
                  <table id="maklumattanggungantable" class="table order table-responsive">
                     <thead>
                        <tr>
                           <th>Jenis Rumah</th>
                           <th>Alamat</th>
                           <th></th>
                        </tr>
                     </thead>
                     <tbody id="m_rumah_input"></tbody>
                  </table>
               </div>
               <h5 style="color: #f4516c">
                  Kereta:
               </h5>
               <div class="col-lg-12">
                  <table id="maklumattanggungantable" class="table order table-responsive">
                     <thead>
                        <tr>
                           <th>Jenis Kenderaan</th>
                           <th>No Pendaftaran</th>
                           <th>Pemilikan</th>
                           <th></th>
                        </tr>
                     </thead>
                     <tbody id="m_kereta_input"></tbody>
                  </table>
               </div>
            </div>
            <hr class="modal-hr kursus_usahawan">
            <div class="m-form__section m-form__section--middle bantuan_diterima">
               <h5 style="color: #f4516c">
                  Maklumat Kesihatan Pemohon:
               </h5>
               <br>
               <h5 style="color: #f4516c">
                  Masalah Kesihatan:
               </h5>
               <div class="col-lg-12">
                  <table id="bantuantable" class="table order table-responsive">
                     <thead>
                        <tr>
                           <th>Jenis Penyakit</th>
                           <th>Dokumen</th>
                           <th></th>
                        </tr>
                     </thead>
                     <tbody id="m_sakit_input"></tbody>
                  </table>
               </div>
               <h5 style="color: #f4516c">
                  Kecacatan:
               </h5>
               <div class="col-lg-12">
                  <table id="bantuantable" class="table order table-responsive">
                     <thead>
                        <tr>
                           <th></th>
                           <th>Kad OKU</th>
                           <th></th>
                        </tr>
                     </thead>
                     <tbody>
                     <tr>
                     <td>Sila Lampirkan Kad OKU (Jika Ada)</td>
                     <td>
                     <input type="text" class="form-control" id="m_kad_oku" readonly>
                     </td>
                     <td></td>
                     </tr>
                     </tbody>
                  </table>
               </div>
            </div>
            <hr class="modal-hr kursus_usahawan">
            <div class="m-form__section m-form__section--middle bantuan_diterima">
               <h5 style="color: #f4516c">
                  Maklumat Tanggungan / Butiran Ahli Keluarga:
               </h5>
               <br>
               <div class="col-lg-12">
                  <table id="bantuantable" class="table order table-responsive">
                     <thead>
                        <tr>
                           <th>No Kad Pengenalan</th>
                           <th>Nama</th>
                           <th>Hubungan</th>
                           <th>Status Pekerjaan</th>
                           <th>Pendapatan</th>
                           <th>Komitmen Lain</th>
                           <th></th>
                        </tr>
                     </thead>
                     <tbody id="m_keluarga_input"></tbody>
                  </table>
               </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 dan Seksyen Sektoral, Unit Perancang Ekonomi Negeri (UPEN) 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. Sila rujuk nota privasi di laman sesawang <a href="https://www.selangor.gov.my/" target="_blank">www.selangor.gov.my</a>.
                     </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 dan Unit Perancang Ekonomi Negeri (UPEN) 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 type="text/javascript">

   function ValidateSize(file) {
      var FileSize = file.files[0].size / 1024 / 1024; // in MB
      if (FileSize > 2) {
            fileSizeErr();
            $('#dokumen_1').val(''); //for clearing with Jquery
            $('#dokumen_2').val('');
            $('#dokumen_3').val('');
            $('#dokumen_4').val('');
            $('#dokumen_5').val('');
            $('#dokumen_6').val('');
            $('#dokumen_7').val('');
            $('#dokumen_8').val('');
            $('#dokumen_9').val('');
            $('#dokumen_10').val('');
      }

      function fileSizeErr() {
         $.confirm({
            title: 'Saiz dokumen melebihi had.',
            content: 'Sila muatnaik fail tidak melebihi 2 MB.',
            icon: 'fa fa-warning',
            type: 'red',
            buttons: {
               ok: {
                  btnClass: 'btn-red',
                  action: function() {

                  }
               }
            }
         });
      }
   }
</script>

<script>

   $("#nokadpengenalanpemohon,#nokadpengenalanpasangan").inputmask({
      mask: "999999999999",
      placeholder: ""
   });

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

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

   $("#poskod").inputmask({
      mask: "99999",
      placeholder: ""
   });

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

   // $("#pendapatanpemohon,#pendapatanpasangan,#pendapatan_isi_rumah").inputmask({
   //    mask: "9999999",
   //    placeholder: ""
   // });

   // Display kadar sewa
   $('#lokasi').change(function(){
      $('#kadarsewa').val($(this).find(':selected').data('kadar'))
   })

   function checkEmail(x) {
       var email_format = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   
           x.next().remove();
               
           if(x.val().match(email_format)) {
                   x.next().remove();
               } else if(x.val() == '') {
                   x.next().remove();
               } else {
                   x.after("<small style='color: #f4516c'>Sila masukkan format emel yang betul.</small>");
                   x.focus();
               }
           }
           
   function validate() {
        if ($('input[name="namapemohon"]').val() == ''||
            $('input[name="nokadpengenalanpemohon"]').val() == '' ||
            $('select[name="lokasi"] option:selected').val() == '' ||
            $('input[name="umurpemohon"]').val() == '' ||
            $('input[name="status_perkahwinan"]').val() == '' ||
            $('select[name="status_pekerjaan_pemohon"] option:selected').val() == '' ||
            $('input[name="emel"]').val() == '' ||
            $('input[name="alamat_1"]').val() == '' ||
            $('input[name="poskod"]').val() == '' ||
            $('input[name="dokumen_1"]').val() == '' ||
            $('input[name="dokumen_2"]').val() == '' ||
            $('input[name="dokumen_3"]').val() == '' ||
            $('input[name="dokumen_6"]').val() == '' ||
            $('input[name="dokumen_7"]').val() == '' ||
            $('input[name="dokumen_8"]').val() == '' ||
            $('input[name="dokumen_9"]').val() == '') {
            error();

            return;
        } else if (($('select[name="status_perkahwinan"] option:selected').val() =='Berkahwin') &&
            $('input[name="nokadpengenalanpasangan"]').val() == ''||
            $('input[name="namapasangan"]').val() == '' ||
            $('select[name="emelpasangan"] option:selected').val() == '' ||
            $('input[name="notelefonbimbitpasangan"]').val() == '' ||
            $('input[name="umurpasangan"]').val() == '' ||
            $('select[name="warganegarapasangan"] option:selected').val() == '' ||
            $('input[name="tarikhlahirpasangan"]').val() == '' ||
            $('input[name="alamat_1"]').val() == '' ||
            $('select[name="status_pekerjaan_pasangan"] option:selected').val() == '') {
            error();

            return;
        }  else if (($('select[name="status_pekerjaan_pemohon"] option:selected').val() =='Bekerja') &&
            $('input[name="namasyarikatpemohon"]').val() == '' ||
            $('input[name="jawatanpemohon"]').val() == '' ||
            $('input[name="alamatpejabatpemohon"]').val() == '' ||
            $('input[name="notelefonpejabatpemohon"]').val() == '' ||
            $('input[name="pendapatanpemohon"]').val() == '') {
            error();

            return;
        }  else if (($('select[name="status_pekerjaan_pasangan"] option:selected').val() =='Bekerja') &&
            $('input[name="namasyarikatpasangan"]').val() == '' ||
            $('input[name="jawatanpasangan"]').val() == '' ||
            $('input[name="alamatpejabatpasangan"]').val() == '' ||
            $('input[name="notelefonpejabatpasangan"]').val() == '' ||
            $('input[name="pendapatanpasangan"]').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 dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                ok: {
                    btnClass: 'btn-red'
                }
                }
            });
        }
    }

   function total() {
      var pemohon = $('input[name="pendapatanpemohon"]').val() == '' ? 0 : $('input[name="pendapatanpemohon"]').val();
      var pasangan = $('input[name="pendapatanpasangan"]').val() == '' ? '0' : ((($('select[name="status_pekerjaan_pasangan"] option:selected').val() == 'Bekerja' || $('select[name="status_pekerjaan_pasangan"] option:selected').val() == '') && $('select[name="status_perkahwinan"] option:selected').val() =='Berkahwin') ? $('input[name="pendapatanpasangan"]').val() : '0');
      var keluarga = 0;
      var total = 0;

      $('.pendapatan').each(function(){
         keluarga += +$(this).val();
        });


        if(keluarga == '0'){
           total = parseFloat(pemohon.replace(',','')) +  parseFloat(pasangan.replace(',',''));
           $('input[name="pendapatan_isi_rumah"]').val(total.toFixed(2));
        } else {
           total = parseFloat(pemohon.replace(',','')) + parseFloat(pasangan.replace(',','')) + parseFloat(keluarga);
           $('input[name="pendapatan_isi_rumah"]').val(total.toFixed(2));
        }
    }

   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() {

                  }
               }
            }
         });
      }
   } 

   $(document).ready(function(){
         if($('select[name="status_perkahwinan"] option:selected').val() =='Berkahwin'){
            $('.m_').show('slow');
        } else {
            $('.maklumatpekerjaanpasangan').hide('slow');
            $('.pendapatan_pasangan').hide('slow');
            $('.m_').hide('slow');
        }
        total();
   });

   $(document).on('change', function(){
         if($('select[name="status_perkahwinan"] option:selected').val() =='Berkahwin'){
            $('.m_').show('slow');
        } else {
            $('.maklumatpekerjaanpasangan').hide('slow');
            $('.pendapatan_pasangan').hide('slow');
            $('.m_').hide('slow');
        }
        total()
   });

   function getStatusPasangan(x) {
        if(x == 'Bekerja') {
            $('.maklumatpekerjaanpasangan').show('slow');
            $('.pendapatan_pasangan').show('slow');
        } else {
            $('.maklumatpekerjaanpasangan').hide('slow');
            $('.pendapatan_pasangan').hide('slow');
        }
        total();
    }
   function getStatusPemohon(x) {
        if(x == 'Bekerja') {
            $('.maklumatpekerjaanpemohon').show('slow');
            $('.pendapatan_pemohon').show('slow');
        } else {
            $('.maklumatpekerjaanpemohon').hide('slow');
            $('.pendapatan_pemohon').hide('slow');
        }
    }
   function showRumusan() {
      // Lokasi
      $('#m_lokasi').val($('select[name="lokasi"] option:selected').html());
      $('#m_kadarsewa').val($('input[name="kadarsewa"]').val());
      
      // Maklumat Pemohon
      $('#m_nama').val($('input[name="namapemohon"]').val());
      $('#m_tarafperkahwinan').val($('select[name="status_perkahwinan"]').val());
      $('#m_umurpemohon').val($('input[name="umurpemohon"]').val());
      $('#m_warganegarapemohon').val($('select[name="warganegarapemohon"]').val());
      $('#m_nokadpengenalanpemohon').val($('input[name="nokadpengenalanpemohon"]').val());
      $('#m_notelefonbimbitpemohon').val($('input[name="notelefonbimbitpemohon"]').val());
      $('#m_jantina').val($('input[name="jantina"]').val());
      $('#m_notelefonrumahpemohon').val($('input[name="notelefonrumahpemohon"]').val());
      $('#m_emel').val($('input[name="emel"]').val());
      // Maklumat Tempat Tinggal
         $('#m_alamat').html([
         $('input[name="alamat_1"]').val() + ' ',
         $('input[name="alamat_2"]').val() ? $('input[name="alamat_2"]').val() + ' ' : ' ',
         $('input[name="alamat_3"]').val() ? $('input[name="alamat_3"]').val() + ' ' : ' ',
         $('input[name="poskod"]').val() + ', ',
         $('select[name="daerah"]').val() + ', ',
         $('select[name="negeri"] option:selected').val() + '.',
      ]);

      if($('select[name="status_perkahwinan"] option:selected').val() == 'Berkahwin' ){
        // Maklumat Pasangan
        $('#h5_maklumat_pasangan').show();
        $('#m_namapasangan').val($('input[name="namapasangan"]').val()).show();
        $('#m_tarikhlahirpasangan').val($('input[name="tarikhlahirpasangan"]').val()).show();
        $('#m_umurpasangan').val($('input[name="umurpasangan"]').val()).show();
        $('#m_warganegarapasangan').val($('select[name="warganegarapasangan"]').val()).show();
        $('#m_nokadpengenalanpasangan').val($('input[name="nokadpengenalanpasangan"]').val()).show();
        $('#m_notelefonbimbitpasangan').val($('input[name="notelefonbimbitpasangan"]').val()).show();
        $('#m_emelpasangan').val($('input[name="emelpasangan"]').val()).show();
        $('#m_notelefonrumahpasangan').val($('input[name="notelefonrumahpasangan"]').val()).show();
        $("#label_m_notelefonrumahpasangan, #label_m_emelpasangan, #label_m_notelefonbimbitpasangan, #label_m_nokadpengenalanpasangan, #label_m_warganegarapasangan, #label_m_umurpasangan, #label_m_tarikhlahirpasangan, #label_m_namapasangan").show('slow');

        // Maklumat Pekerjaan Pasangan
        $('#h5_maklumat_pekerjaan_pasangan').show();
        $('#m_namasyarikatpasangan').val($('input[name="namasyarikatpasangan"]').val()).show();
        $('#m_jawatanasangan').val($('input[name="jawatanpasangan"]').val()).show();
        $('#m_alamatpejabatpasangan').val($('textarea[name="alamatpejabatpasangan"]').val()).show();
        $('#m_notelefonpejabatpasangan').val($('input[name="notelefonpejabatpasangan"]').val()).show();
        $('#m_notelefonfaxpasangan').val($('input[name="notelefonfaxpasangan"]').val()).show();
        $('#m_pendapatanpasangan').val($('input[name="pendapatanpasangan"]').val()).show();
        $("#label_m_namasyarikatpasangan, #label_m_jawatanasangan, #label_m_alamatpejabatpasangan, #label_m_notelefonpejabatpasangan, #label_m_notelefonfaxpasangan, #label_m_pendapatanpasangan").show();
      } else {
        // Maklumat Pasangan
        $('#h5_maklumat_pasangan').hide();
        $('#m_namapasangan').hide();
        $('#m_tarikhlahirpasangan').hide();
        $('#m_umurpasangan').hide();
        $('#m_warganegarapasangan').hide();
        $('#m_nokadpengenalanpasangan').hide();
        $('#m_notelefonbimbitpasangan').hide();
        $('#m_emelpasangan').hide();
        $('#m_notelefonrumahpasangan').hide();
        $("#label_m_notelefonrumahpasangan, #label_m_emelpasangan, #label_m_notelefonbimbitpasangan, #label_m_nokadpengenalanpasangan, #label_m_warganegarapasangan, #label_m_umurpasangan, #label_m_tarikhlahirpasangan, #label_m_namapasangan").hide('slow');

        // Maklumat Pekerjaan Pasangan
        $('#h5_maklumat_pekerjaan_pasangan').hide();
        $('#m_namasyarikatpasangan').hide();
        $('#m_jawatanasangan').hide();
        $('#m_alamatpejabatpasangan').hide();
        $('#m_notelefonpejabatpasangan').hide();
        $('#m_notelefonfaxpasangan').hide();
        $('#m_pendapatanpasangan').hide();
        $("#label_m_namasyarikatpasangan, #label_m_jawatanasangan, #label_m_alamatpejabatpasangan, #label_m_notelefonpejabatpasangan, #label_m_notelefonfaxpasangan, #label_m_pendapatanpasangan").hide();
      }

      if($('select[name="status_pekerjaan_pemohon"] option:selected').val() == 'Bekerja' ){
        // Maklumat Pekerjaan Pemohon
        $('#h5_maklumat_pekerjaan_pemohon').show();
        $('#m_namasyarikatpemohon').val($('input[name="namasyarikatpemohon"]').val()).show();
        $('#m_jawatanpemohon').val($('input[name="jawatanpemohon"]').val()).show();
        $('#m_alamatpejabatpemohon').val($('textarea[name="alamatpejabatpemohon"]').val()).show();
        $('#m_notelefonpejabatpemohon').val($('input[name="notelefonpejabatpemohon"]').val()).show();
        $('#m_notelefonfaxpemohon').val($('input[name="notelefonfaxpemohon"]').val()).show();
        $('#m_pendapatanpemohon').val($('input[name="pendapatanpemohon"]').val()).show();
        $("#label_m_namasyarikatpemohon,#label_m_jawatanpemohon,#label_m_alamatpejabatpemohon,#label_m_notelefonpejabatpemohon,#label_m_notelefonfaxpemohon,#label_m_pendapatanpemohon").show();
      } else {
        // Maklumat Pekerjaan Pemohon
        $('#h5_maklumat_pekerjaan_pemohon').hide();
        $('#m_namasyarikatpemohon').hide();
        $('#m_jawatanpemohon').hide();
        $('#m_alamatpejabatpemohon').hide();
        $('#m_notelefonpejabatpemohon').hide();
        $('#m_notelefonfaxpemohon').hide();
        $('#m_pendapatanpemohon').hide();
        $("#label_m_namasyarikatpemohon,#label_m_jawatanpemohon,#label_m_alamatpejabatpemohon,#label_m_notelefonpejabatpemohon,#label_m_notelefonfaxpemohon,#label_m_pendapatanpemohon").hide();
      }

      if($('select[name="status_pekerjaan_pasangan"] option:selected').val() == 'Bekerja' ){
        // Maklumat Pekerjaan Pasangan
        $('#h5_maklumat_pekerjaan_pasangan').show();
        $('#m_namasyarikatpasangan').val($('input[name="namasyarikatpasangan"]').val()).show();
        $('#m_jawatanasangan').val($('input[name="jawatanpasangan"]').val()).show();
        $('#m_alamatpejabatpasangan').val($('textarea[name="alamatpejabatpasangan"]').val()).show();
        $('#m_notelefonpejabatpasangan').val($('input[name="notelefonpejabatpasangan"]').val()).show();
        $('#m_notelefonfaxpasangan').val($('input[name="notelefonfaxpasangan"]').val()).show();
        $('#m_pendapatanpasangan').val($('input[name="pendapatanpasangan"]').val()).show();
        $("#label_m_namasyarikatpasangan, #label_m_jawatanasangan, #label_m_alamatpejabatpasangan, #label_m_notelefonpejabatpasangan, #label_m_notelefonfaxpasangan, #label_m_pendapatanpasangan").show();
      } else {
        // Maklumat Pekerjaan Pasangan
        $('#h5_maklumat_pekerjaan_pasangan').hide();
        $('#m_namasyarikatpasangan').hide();
        $('#m_jawatanasangan').hide();
        $('#m_alamatpejabatpasangan').hide();
        $('#m_notelefonpejabatpasangan').hide();
        $('#m_notelefonfaxpasangan').hide();
        $('#m_pendapatanpasangan').hide();
        $("#label_m_namasyarikatpasangan, #label_m_jawatanasangan, #label_m_alamatpejabatpasangan, #label_m_notelefonpejabatpasangan, #label_m_notelefonfaxpasangan, #label_m_pendapatanpasangan").hide();
      }

      // Maklumat Pendapatan
      $('#m_jumlahpendapatan').val($('input[name="pendapatan_isi_rumah"]').val());
      
      // Maklumat Rumah
      var rumah = [],
         alamat = [],
         data = [],
         html = '';

      $('input[name="jenis_rumah[]"]').each(function(i, v) {
         rumah.push($(this).val());
      });
      $('input[name="alamat_application[]"]').each(function(i, v) {
         alamat.push($(this).val());
      });


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

      $('#m_rumah_input').html('');
      data.forEach(function(d) {
         html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.rumah + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.alamat + '" disabled>' +
            '</td>' +
            '</tr>';

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

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

      // Maklumat Kereta
      var kereta = [],
         nopendaftaran = [],
         pemilikan = [],
         data = [],
         html = '';

      $('input[name="jenis_kenderaan[]"]').each(function(i, v) {
         kereta.push($(this).val());
      });
      $('input[name="no_pendaftaran[]"]').each(function(i, v) {
         nopendaftaran.push($(this).val());
      });
      $('input[name="pemilikan[]"]').each(function(i, v) {
         pemilikan.push($(this).val());
      });


      for (x = 0; x < kereta.length; x++) {
         data.push({
            kereta: kereta[x],
            nopendaftaran: nopendaftaran[x],
            pemilikan: pemilikan[x],
         })
      }

      $('#m_kereta_input').html('');
      data.forEach(function(d) {
         html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.kereta + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.nopendaftaran + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.pemilikan + '" disabled>' +
            '</td>' +
            '</tr>';

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

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

      // Maklumat Penyakit
      var sakit = [],
         doc = [],
         data = [],
         html = '';

      $('input[name="jenis_penyakit[]"]').each(function(i, v) {
         sakit.push($(this).val());
      });
      $('input[name="doc_penyakit[]"]').each(function(i, v) {
         doc.push($(this).val());
      });


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

      $('#m_sakit_input').html('');
      data.forEach(function(d) {
         html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.sakit + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.doc + '" disabled>' +
            '</td>' +
            '</tr>';

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

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

      // Maklumat OKU
      $('#m_kad_oku').val($('input[name="kad_oku"]').val());

      // Maklumat Ahli Keluarga
      var ic_keluarga = [],
         nama_keluarga = [],
         hubungan = [],
         status = [],
         pendapatan = [],
         komitmen = [],
         data = [],
         html = '';

      $('input[name="ic_keluarga[]"]').each(function(i, v) {
         ic_keluarga.push($(this).val());
      });
      $('input[name="nama_keluarga[]"]').each(function(i, v) {
         nama_keluarga.push($(this).val());
      });
      $('input[name="hubungan[]"]').each(function(i, v) {
         hubungan.push($(this).val());
      });
      $('input[name="status[]"]').each(function(i, v) {
         status.push($(this).val());
      });
      $('input[name="pendapatan[]"]').each(function(i, v) {
         pendapatan.push($(this).val());
      });
      $('input[name="komitmen[]"]').each(function(i, v) {
         komitmen.push($(this).val());
      });


      for (x = 0; x < ic_keluarga.length; x++) {
         data.push({
            ic_keluarga: ic_keluarga[x],
            nama_keluarga: nama_keluarga[x],
            hubungan: hubungan[x],
            status: status[x],
            pendapatan: pendapatan[x],
            komitmen: komitmen[x],
         })
      }

      $('#m_keluarga_input').html('');
      data.forEach(function(d) {
         html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.ic_keluarga + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.nama_keluarga + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.hubungan + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.status + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.pendapatan + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + d.komitmen + '" disabled>' +
            '</td>' +
            '</tr>';

         $('#m_keluarga_input').append(html);
      });
      $('#rumusan_permohonan').modal('show');
   }

   function totalrumah() {
      var rumah = 0;
   }

   function rumah_add() {
      var html =
         '<tr>' +
         '<td>' +
         '<input id="peralatan" name="jenis_rumah[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="alamat_application[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="rumah_delete($(this))">' +
         '<span>' +
         '<i class="la la-trash-o"></i>' +
         '<span>Padam</span>' +
         '</span>' +
         '</div>' +
         '</td>' +
         '</tr>';

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

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

   function totalkereta() {
      var kereta = 0;
   }

   function kereta_add() {
      var html =
         '<tr>' +
         '<td>' +
         '<input id="peralatan" name="jenis_kenderaan[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="no_pendaftaran[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="pemilikan[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="kereta_delete($(this))">' +
         '<span>' +
         '<i class="la la-trash-o"></i>' +
         '<span>Padam</span>' +
         '</span>' +
         '</div>' +
         '</td>' +
         '</tr>';

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

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

   function totalkeluarga() {
      var keluarga = 0;
   }

   function keluarga_add() {
      var html =
         '<tr>' +
         '<td>' +
         '<input id="peralatan" name="ic_keluarga[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="nama_keluarga[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="hubungan[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="status[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="pendapatan" name="pendapatan[]" type="text" class="form-control m-input pendapatan" oninput="total()">' +
         '</td>' +
         '<td>' +
         '<input id="peralatan" name="komitmen[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="keluarga_delete($(this))">' +
         '<span>' +
         '<i class="la la-trash-o"></i>' +
         '<span>Padam</span>' +
         '</span>' +
         '</div>' +
         '</td>' +
         '</tr>';

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

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

   function totalpenyakit() {
      var penyakit = 0;
   }

   function penyakit_add() {
      var html =
         '<tr>' +
         '<td>' +
         '<input id="peralatan" name="jenis_penyakit[]" type="text" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<input id="doc_penyakit" name="doc_penyakit[]" type="file" class="form-control m-input">' +
         '</td>' +
         '<td>' +
         '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="penyakit_delete($(this))">' +
         '<span>' +
         '<i class="la la-trash-o"></i>' +
         '<span>Padam</span>' +
         '</span>' +
         '</div>' +
         '</td>' +
         '</tr>';

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

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

    function updateAge(input) {
        var c = new Date();
        var d = new Date(input);
        var n = c.getFullYear() - d.getFullYear();
        var umurpasangan = document.getElementById('umurpasangan');
        umurpasangan.value = n;
    }
</script>
@endsection