@extends('layouts.app')
@section('title', 'Permohonan')
@section('permohonan', 'm-menu__item--active')
@section('css')
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<style>
   .modal-hr {
   margin-top: 2rem;
   margin-bottom: 2rem;
   border-top: 1px dashed rgba(0, 0, 0, .3);
   }
</style>
@endsection
@section('content')
<div class="row">
   <div class="col-lg-12">
      <div class="m-portlet">
         <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
               <div class="m-portlet__head-title">
                  <span class="m-portlet__head-icon m--hide">
                  <i class="la la-gear"></i>
                  </span>
                  <h3 class="m-portlet__head-text">
                     {{ $ipr->display_name }}
                  </h3>
               </div>
            </div>
         </div>
         <form id="permohonan_form" class="m-form m-form--label-align-right" enctype="multipart/form-data" action="{{ url('admin/permohonan/hijrah/add') }}" method="POST">
            @csrf
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Adun & Parlimen:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Parlimen:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="parlimen" name="parlimen" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($parlimen as $var)
                                    <option value="{{ $var->Kod_Parlimen }}" @if(old('parlimen')==$var->Kod_Parlimen) selected @endif>{{ $var->Parlimen }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Dun:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="dun" name="dun" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($dun as $var)
                                    <option value="{{ $var->Kod_Dun }}" @if(old('dun')==$var->Kod_Dun) selected @endif>{{ $var->Dun }}</option>
                                    @endforeach
                                </select>
                            </div>
                           
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Cawangan:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="cawangan" name="cawangan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($cawangan as $var)
                                    <option value="{{ $var->Kod_Cawangan }}" @if(old('cawangan')==$var->Kod_Cawangan) selected @endif>{{ $var->Cawangan }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Peserta -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Peserta:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama" required>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Agama:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="agama" name="agama" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($agama as $var)
                                    <option value="{{ $var->Kod_Agama }}" @if(old('agama')==$var->Kod_Agama) selected @endif>{{ $var->Agama }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                No Identiti:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="ic" required>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Bangsa
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="bangsa" name="bangsa" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($bangsa as $var)
                                    <option value="{{ $var->Kod_Bangsa }}" @if(old('bangsa')==$var->Kod_Bangsa) selected @endif>{{ $var->Bangsa }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jantina:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="form-control m-input" id="jantina" name="jantina" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($jantina as $var)
                                    <option value="{{ $var->Kod_Jantina }}" @if(old('jantina')==$var->Kod_Jantina) selected @endif>{{ $var->Jantina }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Status Perkahwinan:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="form-control m-input" id="status_kahwin" name="status_kahwin" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($status_kahwin as $var)
                                    <option value="{{ $var->Kod_Kahwin }}" @if(old('status_kahwin')==$var->Kod_Kahwin) selected @endif>{{ $var->Status_Perkahwinan }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Tempoh Mastautin:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="form-control m-input" id="tempoh_mastautin" name="tempoh_mastautin" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($tempoh_mastautin as $var)
                                    <option value="{{ $var->Kod_Tempoh_Mastautin }}" @if(old('tempoh_mastautin')==$var->Kod_Tempoh_Mastautin) selected @endif>{{ $var->Tempoh_Mastautin }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            Nombor Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="no_telefon" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            Negeri Lahir:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="negeri_lahir" name="negeri_lahir" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($negeri as $var)
                                    <option value="{{ $var->Kod_Negeri }}" @if(old('negeri_lahir')==$var->Kod_Negeri) selected @endif>{{ $var->Negeri }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            Nombor Telefon Rumah / Tetap:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="no_telefon_tetap" >
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            Tarikh Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="date" class="form-control m-input" name="tarikh_lahir" >
                            </div>
                        </div>
                       
                        
                    </div>

                    <!-- Maklumat Tempat Tinggal -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Tempat Tinggal:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Alamat:
                            </label>
                            <div class="col-lg-4">
                                <textarea name="alamat_penuh" id="" cols="30" rows="10" class="form-control" required>
                                </textarea>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="poskod"  required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <!-- <label class="col-lg-2 col-form-label">
                                 Bandar
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="" readonly>
                            </div> -->
                            <label class="col-lg-2 col-form-label">
                                Daerah:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="daerah" name="daerah" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($daerah as $var)
                                    <option value="{{ $var->Kod_Daerah }}" @if(old('daerah')==$var->Kod_Daerah) selected @endif>{{ $var->Daerah }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               Negeri:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="negeri_alamat" name="negeri_alamat" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($negeri as $var)
                                    <option value="{{ $var->Kod_Negeri }}" @if(old('negeri_alamat')==$var->Kod_Negeri) selected @endif>{{ $var->Negeri }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>


                    <!-- Maklumat Pasangan -->

                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                            Maklumat Pasangan:
                            </h3>
                        </div>
                        
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_pasangan"  required>
                            </div>
                            <label class="col-lg-2 col-form-label">
                               No Identiti:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="ic_pasangan" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                 Agama
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="agama_pasangan" name="agama_pasangan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($agama as $var)
                                    <option value="{{ $var->Kod_Agama }}" @if(old('agama_pasangan')==$var->Kod_Agama) selected @endif>{{ $var->Agama }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Bangsa:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="bangsa_pasangan" name="bangsa_pasangan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($bangsa as $var)
                                    <option value="{{ $var->Kod_Bangsa }}" @if(old('bangsa_pasangan')==$var->Kod_Bangsa) selected @endif>{{ $var->Bangsa }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                               No Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="telefon_pasangan"  required>
                            </div>
                        </div>
                        
                    </div>

                
                   
                    
                    

                    <!-- Maklumat Anak -->

                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Anak
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama</th>
                                            <th>No. Kad Pengenalan / Sijil Lahir</th>
                                            <th>Jantina</th>
                                            <th>Tarikh Lahir</th>
                                            <th>Tarikh Pendidikan</th>
                                            <!-- <th>Kursus Diminati</th> -->
                                            
                                        </tr>
                                    </thead>
                                    <tbody id="anak_input">
                                        <tr>
                                            <td><input type="text" class="form-control m-input " name="nama_anak" required></td>
                                            <td><input type="text" class="form-control m-input " name="no_mykid" required></td>
                                            <td>
                                                <select class="form-control m-input" id="jantina_anak[]" name="jantina_anak" required>
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    @foreach ($jantina as $var)
                                                    <option value="{{ $var->Kod_Jantina }}" @if(old('jantina_anak')==$var->Kod_Jantina) selected @endif>{{ $var->Jantina }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td><input type="text" class="form-control m-input " name="tarikh_lahir_anak" required ></td>
                                            <td>
                                                <select class="form-control m-input" id="taraf_ped[]" name="taraf_ped" required>
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    @foreach ($pedidikan as $var)
                                                    <option value="{{ $var->Kod_Pendidikan }}" @if(old('taraf_ped')==$var->Kod_Pendidikan) selected @endif>{{ $var->Taraf_Pendidikan }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <!-- <td>
                                                <select class="form-control m-input" id="kursus[]" name="kursus" required>
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    @foreach ($kursus as $var)
                                                    <option value="{{ $var->Kod_Kursus }}" @if(old('kursus')==$var->Kod_Kursus) selected @endif>{{ $var->Nama_Kursus }}</option>
                                                    @endforeach
                                                </select>
                                            </td> -->
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                   

                    

                    

                    <!-- Maklumat Aktiviti Perniagaan -->
                    <div class="m-form__seperator m-form__seperator--dashed "></div>
                    <div class="m-form__section m-form__section--last ">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Aktiviti Perniagaan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jenis Perniagaan :
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="kategori_perniagaan" name="kategori_perniagaan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($kategori_perniagaan as $var)
                                    <option value="{{ $var->Kod_Perniagaan }}" @if(old('kategori_perniagaan')==$var->Kod_Perniagaan) selected @endif>{{ $var->Perniagaan }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                 Aktiviti Perniagaan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="aktiviti_perniagaan" name="aktiviti_perniagaan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($aktiviti_perniagaan as $var)
                                    <option value="{{ $var->Kod_Aktiviti_Perniagaan }}" @if(old('aktiviti_perniagaan')==$var->Kod_Aktiviti_Perniagaan) selected @endif>{{ $var->Aktiviti_Perniagaan }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Tempoh Berniaga:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="tempoh_niaga" name="tempoh_niaga" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($tempoh_niaga as $var)
                                    <option value="{{ $var->Kod_Tempoh_Niaga }}" @if(old('tempoh_niaga')==$var->Kod_Tempoh_Niaga) selected @endif>{{ $var->Tempoh_Niaga }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                No Lesen Perniagaan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="no_ssm" required>
                            </div>
                            <!-- <label class="col-lg-2 col-form-label">
                                Status Pemilikan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" value="" readonly>
                            </div> -->
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Premis:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="premis" name="premis" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($premis as $var)
                                    <option value="{{ $var->Kod_Premis }}" @if(old('premis')==$var->Kod_Premis) selected @endif>{{ $var->Premis }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Alamat Perniagaan:
                            </label>
                            <div class="col-lg-4">
                                <textarea class="form-control m-input" name="alamat_niaga" id="" cols="30" rows="10" ></textarea>
                            </div>
                           
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Parlimen:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control m-input" id="parlimen_niaga" name="parlimen" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($parlimen as $var)
                                    <option value="{{ $var->Kod_Parlimen }}" @if(old('parlimen')==$var->Kod_Parlimen) selected @endif>{{ $var->Parlimen }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Dun:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="dun_niaga" name="dun_niaga" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($dun as $var)
                                    <option value="{{ $var->Kod_Dun }}" @if(old('dun')==$var->Kod_Dun) selected @endif>{{ $var->Dun }}</option>
                                    @endforeach
                                </select>
                            </div>
                            
                        </div>
                    </div>


                    <!-- Tujuan Pinjaman -->
                    <div class="m-form__seperator m-form__seperator--dashed "></div>
                    <div class="m-form__section m-form__section--last ">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Tujuan Pinjaman
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Nama Bank:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="bank" name="bank" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($bank as $var)
                                    <option value="{{ $var->Bank }}" @if(old('bank')==$var->Bank) selected @endif>{{ $var->Nama_Bank }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Tujuan Pinjaman:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="tujuan_pinjaman" name="tujuan_pinjaman" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($tujuan_pinjaman as $var)
                                    <option value="{{ $var->Kod_Tujuan_Pinjaman }}" @if(old('tujuan_pinjaman')==$var->Kod_Tujuan_Pinjaman) selected @endif>{{ $var->Tujuan_Pinjaman }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                No. Akaun Bank:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="no_akaun_bank" required>
                            </div>
                           
                            <label class="col-lg-2 col-form-label">
                                  Jumlah Permohonan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="skim_pinjaman"  required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="Skim 1: RM1,000 hingga RM5,000" >Skim 1: RM1,000 hingga RM5,000</option>
                                    <option value="Skim 2: RM6,000 hingga RM10,000" >Skim 2: RM6,000 hingga RM10,000</option>
                                    <option value="Skim 3: RM15,000 dan RM20,000" >Skim 3: RM15,000 dan RM20,000</option>
                                    <option value="Skim 4: RM30,000 hingga RM50,000" >Skim 4: RM30,000 hingga RM50,000</option>
                                </select>

                                <div id="otherField1">
                                    <!-- <label for="skim_1">Group: Heres One!</label> -->
                                    <input type="text" autocomplete="off"  id="skim_1" class="form-control skim_1" name="skim_pinjaman">
                                </div>

                                <div id="otherField2">
                                    <!-- <label for="skim_2">Group: Heres Two!</label> -->
                                    <input type="text" autocomplete="off"  id="skim_1" class="form-control skim_2" name="skim_pinjaman">
                                </div>

                                <div id="otherField3">
                                    <!-- <label for="skim_3">Group: Heres Three!</label> -->
                                    <input type="text" autocomplete="off"  id="skim_1" class=" form-control skim_3" name="skim_pinjaman">
                                </div>

                                <div id="otherField4">
                                    <!-- <label for="skim_4">Group: Heres Four!</label> -->
                                    <input type="text" autocomplete="off"  id="skim_1" class="form-control skim_4" name="skim_pinjaman">
                                </div>
                            </div>
                        </div>

                        
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Tempoh Bayaran Balik:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="tempoh_bayar" name="tempoh_bayar" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="25 Minggu (6 Bulan)" >25 Minggu (6 Bulan)</option>
                                    <option value="50 Minggu (12 Bulan)" >50 Minggu (12 Bulan)</option>
                                    <option value="100 Minggu (24 Bulan)" >100 Minggu (24 Bulan)</option>
                                    <option value="150 Minggu (36 Bulan)" >150 Minggu (36 Bulan)</option> 
                                </select>
                            </div>

                        </div>
                    </div>


                    <!-- Maklumat Pendapatan Bulanan  -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pendapatan Bulanan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Bil</th>
                                            <th>Perkara</th>
                                            <th>Pendapatan(RM)</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody >
                                        <tr>   
                                            <th>1</th>
                                            <td>Pendapatan aktiviti perniagaan pemohon</td>
                                            <td><input type="text" class="form-control m-input " name="pendapatan_aktiviti" required></td>
                                        </tr>
                                        <tr>   
                                            <th>2</th>
                                            <td>Pendapatan pasangan</td>
                                            <td><input type="text" class="form-control m-input " name="pendapatan_pasangan" required></td>
                                        </tr>
                                        <tr>   
                                            <th>3</th>
                                            <td>Lain-lain pendapatan (Sumbangan,kebajikan,pendapatan sampingan)</td>
                                            <td><input type="text" class="form-control m-input " name="pendapatan_lain" required></td>
                                        </tr>
                                        <tr>
                                          
                                            <th></th>
                                            <td>
                                                <span style="float:right">Jumlah Pendapatan</span>
                                            </td>
                                            <td><input type="text" class="form-control m-input " name="pendapatan_jumlah" required></td>
                                            
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                    <!-- Maklumat Perbelanjaan / Saraan BUlanan  -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Perbelanjaan / Saraan BUlanan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Bil</th>
                                            <th>Perkara</th>
                                            <th>Pendapatan(RM)</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody >
                                        <tr>   
                                            <th>1</th>
                                            <td>Kos aktiviti perniagaan (modal pusingan)</td>
                                            <td><input type="text" class="form-control m-input " name="modal_pusingan" required></td>
                                        </tr>
                                        <tr>   
                                            <th>2</th>
                                            <td>Perbelanjaan isi rumah (belanja dapur)</td>
                                            <td><input type="text" class="form-control m-input " name="belanja_dapur" required></td>
                                        </tr>
                                        <tr>   
                                            <th>3</th>
                                            <td>Perbelanjaan persekolahan (tuisyen/buku/yuran/pengangkutan)</td>
                                            <td><input type="text" class="form-control m-input " name="persekolahan" required></td>
                                        </tr>
                                        <tr>   
                                            <th>4</th>
                                            <td>Sewa (rumah/kenderaan/utiliti/premis/lesen)</td>
                                            <td><input type="text" class="form-control m-input " name="belanja_sewa" required></td>
                                        </tr>
                                        <tr>   
                                            <th>5</th>
                                            <td>Perbelanjaan Hutang</td>
                                            <td><input type="text" class="form-control m-input " name="perbelanjaan_hutang" required></td>
                                        </tr>
                                        <tr>
                                          
                                            <th></th>
                                            <td>
                                                <span style="float:right">Jumlah Perbelanjaan</span>
                                            </td>
                                            <td><input type="text" class="form-control m-input " name="jumlah_Perbelanjaan" required></td>
                                            
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>


                    <!-- Lampiran Dokumen  -->
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Lampiran Dokumen
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Bil</th>
                                            <th>Dokumen <br> 
                                                <small>
                                                    <span style="color:red" >* </span>
                                                    Saiz fail hendaklah tidak melebihi 5mb
                                                </small>
                                            </th>
                                            <th></th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody >
                                        <tr>   
                                            <th>1</th>
                                            <td>Salinan Kad Pengenalan</td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="salinan_ic" required >
                                                <input type="hidden" name="salinan_ic" value="Salinan Kad Pengenalan">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>2</th>
                                            <td>Salinan Surat Nikah/Surat Pendaftaran Pekahwinan/Surat Cerai </td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="surat_nikah_cerai" required >
                                                <input type="hidden" name="surat_nikah_cerai" value="Salinan Surat Nikah/Surat Pendaftaran Pekahwinan/Surat Cerai">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>3</th>
                                            <td>Salinan Kad Pengenalan Mykid, atau Sijil Kelahiran Anak</td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="salinan_mykid" required >
                                                <input type="hidden" name="salinan_mykid" value="Salinan Kad Pengenalan Mykid, atau Sijil Kelahiran Anak">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>4</th>
                                            <td>Penyata Gaji 3 Bulan Terkini</td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="penyata_gaji" required >
                                                <input type="hidden" name="penyata_gaji" value="Penyata Gaji 3 Bulan Terkini">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>5</th>
                                            <td>Salinan Penyata Bank 1 Bulan</td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="penyata_bank" required >
                                                <input type="hidden" name="penyata_bank" value="Salinan Penyata Bank 1 Bulan">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>6</th>
                                            <td>Salinan Pengesahan Pendapatan Terkini dari Pesuruhjaya Sumpah</td>
                                            <td> 
                                                
                                                <input type="file" class="form-control m-input " name="salinan_pesuruhjaya_sumpah" required >
                                                <input type="hidden" name="salinan_pesuruhjaya_sumpah" value="Salinan Pengesahan Pendapatan Terkini dari Pesuruhjaya Sumpah">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>7</th>
                                            <td>Salinan Kad Orang Kurang Upaya (OKU)</td>
                                            <td> 
                                               
                                                <input type="file" class="form-control m-input " name="salinan_kad_oku" required >
                                                <input type="hidden" name="salinan_kad_oku" value="Salinan Kad Orang Kurang Upaya (OKU)">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>8</th>
                                            <td>Salinan Surat Pengesahan Doktor</td>
                                            <td> 
                                               
                                               <input type="file" class="form-control m-input " name="surat_pengesahah_doktor" required >
                                               <input type="hidden" name="surat_pengesahah_doktor" value="Salinan Surat Pengesahan Doktor">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>9</th>
                                            <td>Salinan Bil Elektrik & Bil Air terkini kediaman sekarang</td>
                                            <td> 
                                                <input type="file" class="form-control m-input " name="salinan_bil" required >
                                                <input type="hidden" name="salinan_bil" value="Salinan Bil Elektrik & Bil Air terkini kediaman sekarang">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>9</th>
                                            <td>Salinan Daftar Undi (boleh ke website SPR untuk semakan)</td>
                                            <td> 
                                                <input type="file" class="form-control m-input " name="salinan_daftar_undi" required >
                                                <input type="hidden" name="salinan_daftar_undi" value="Salinan Daftar Undi (boleh ke website SPR untuk semakan)">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
               
            </div>
            <div class="m-portlet__foot m-portlet__foot--fit">
               <div class="m-form__actions m-form__actions">
                  <div class="row">
                     <div class="col-lg-5"></div>
                     <div class="col-lg-6">
                        <button type="button" class="btn btn-primary" onclick="submitForm()">
                        Hantar
                        </button>
                     </div>
                  </div>
               </div>
            </div>
         </form>
      </div>
   </div>
</div>



@endsection
@section('js')
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
<script>

    // $(window).load(function(){
    //     $('div#cont-sum-fields').on('change', 'input', function() {
    //         var total =  (parseInt($( "#cont-sum-1" ).val()) +  parseInt($( "#cont-sum-2" ).val()))  ;

    //         $('#cont-sum-fields').find('#total-cont-sum').val(total);
    //     });
    // });




    $("#skim_pinjaman").change(function() {
    if ($(this).val() == "Skim 1: RM1,000 hingga RM5,000") {
        $('#otherField1').show();
        $('#skim_1').attr('required', '');
        $('#skim_1').attr('data-error', 'This field is required.');
    } else {
        $('#otherField1').hide();
    }

    if ($(this).val() == "Skim 2: RM6,000 hingga RM10,000") {
        $('#otherField2').show();
        $('#skim_2').attr('required', '');
        $('#skim_2').attr('data-error', 'This field is required.');
    } else {
        $('#otherField2').hide();
    }

    if ($(this).val() == "Skim 3: RM15,000 dan RM20,000") {
        $('#otherField3').show();
        $('#skim_3').attr('required', '');
        $('#skim_3').attr('data-error', 'This field is required.');
    } else {
        $('#otherField3').hide();
    }

    if ($(this).val() == "Skim 4: RM30,000 hingga RM50,000") {
        $('#otherField4').show();
        $('#skim_4').attr('required', '');
        $('#skim_4').attr('data-error', 'This field is required.');
    } else {
        $('#otherField4').hide();
    }
    });
    $("#skim_pinjaman").trigger("change");

    $(document).ready(function () {
    $('.skim_1').mask('0000.00', { reverse: true }).val('1000.00');
    })

    $(document).ready(function () {
    $('.skim_2').mask('00000.00', { reverse: true }).val('6000.00');
    })

    $(document).ready(function () {
    $('.skim_3').mask('00000.00', { reverse: true }).val('15000.00');
    })

    $(document).ready(function () {
    $('.skim_4').mask('00000.00', { reverse: true }).val('30000.00');
    })
   
    function submitForm() {
   
            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: {
                        btnClass: 'btn-green',
                        action: function() {
                            $('#permohonan_form').submit();
                        }
                    },
                    kembali: {
                        btnClass: 'btn-red',
                        action: function() {
    
                        }
                    }
                }
            });
   
        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila tanda perakuan pemohon sebelum hantar pemohonan.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {
    
                        }
                    }
                }
            });
        }
    }
</script>
@endsection