@extends('layouts.app')

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

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <span class="m-portlet__head-icon m--hide">
                    <i class="la la-gear"></i>
                    </span>
                    <h3 class="m-portlet__head-text">{{ $ipr->display_name }}</h3>
                </div>
                </div>
            </div>
            <form id="permohonan_form" enctype="multipart/form-data" class="m-form m-form--label-align-right" action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <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">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>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="{{ trim($var->Kod_Cawangan) }}" @if(old('cawangan')==$var->Kod_Cawangan) selected @endif>{{ $var->Cawangan }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <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">
                                <span style="color: red">* </span>Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama" value="{{Auth::user()->name}}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>No Identiti:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="m-input" id="ic_type" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" onchange="getIc($(this).val())" readonly disabled>
                                    <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="ic" name="ic" placeholder="Sila masukan no kad pengenalan" value="{{Auth::user()->username}}" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>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 onchange="getStatus($(this).val())">
                                    <option value="" hidden selected>Sila pilih</option>
                                    @foreach ($status_kahwin as $var)
                                    <option value="{{ trim($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="{{ trim($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">
                                <span style="color: red">* </span>Nombor Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="no_telefon" value="{{ $profile->tel_bimbit }}" readonly>
                            </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="{{ trim($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:
                            </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">
                                <span style="color: red">* </span>Tarikh Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="date" class="form-control m-input" name="tarikh_lahir" value="{{ $profile->tarikh_lahir }}" readonly>
                            </div>
                        </div>
                    </div>
                    <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">
                                <span style="color: red">* </span>Alamat:
                            </label>
                            <div class="col-lg-4">
                                <textarea name="alamat_penuh" id="alamat_penuh" rows="4" class="form-control" readonly>{{ $profile->alamat_1 }}, {{ $profile->alamat_2 }}, {{ $profile->alamat_3 }}
                                </textarea>
                            </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" name="poskod" value="{{ $profile->poskod }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>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="{{ trim($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">
                                <span style="color: red">* </span>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="{{ trim($var->Kod_Negeri) }}" @if(old('negeri_alamat')==$var->Kod_Negeri) selected @endif>{{ $var->Negeri }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="maklumat_pasangan m-form__seperator m-form__seperator--dashed"></div>
                    <div class="maklumat_pasangan 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"><span style="color: red">* </span>Nama: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="nama_pasangan" name="nama_pasangan" value="{{ isset($pasangan->nama) ? $pasangan->nama : '' }}" required>
                            </div>
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>No Identiti: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="ic_pasangan" name="ic_pasangan" value="{{ isset($pasangan->ic_pasangan) ? $pasangan->ic_pasangan : '' }}" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>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"><span style="color: red">* </span>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"><span style="color: red">* </span>No Telefon Bimbit: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="telefon_pasangan" name="telefon_pasangan" value="{{ isset($pasangan->no_tel_bimbit) ? $pasangan->no_tel_bimbit : '' }}" required>
                            </div>
                        </div>
                    </div>
                    <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="{{ trim($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="{{ trim($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="{{ trim($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>
                        </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="{{ trim($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="alamat_niaga" rows="4" ></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="{{ trim($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="{{ trim($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="{{ trim($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="{{ trim($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" name="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">
                                    <input type="text" autocomplete="off" id="skim_1" class="form-control skim_1" name="jumlah_permohonan" disabled>
                                </div>
                                <div id="otherField2">
                                    <input type="text" autocomplete="off" id="skim_2" class="form-control skim_2" name="jumlah_permohonan" disabled>
                                </div>
                                <div id="otherField3">
                                    <input type="text" autocomplete="off" id="skim_3" class=" form-control skim_3" name="jumlah_permohonan" disabled>
                                </div>
                                <div id="otherField4">
                                    <input type="text" autocomplete="off" id="skim_4" class="form-control skim_4" name="jumlah_permohonan" disabled>
                                </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>
                    <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 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" oninput="total_pendapatan()" required></td>
                                        </tr>
                                        <tr>   
                                            <th>2.</th>
                                            <td>Pendapatan pasangan</td>
                                            <td><input type="text" class="form-control m-input " name="pendapatan_pasangan" oninput="total_pendapatan()" 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" oninput="total_pendapatan()" 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 readonly></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <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 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" oninput="total_perbelanjaan()" 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" oninput="total_perbelanjaan()" 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" oninput="total_perbelanjaan()" 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" oninput="total_perbelanjaan()" required></td>
                                        </tr>
                                        <tr>   
                                            <th>5.</th>
                                            <td>Perbelanjaan Hutang</td>
                                            <td><input type="text" class="form-control m-input " name="perbelanjaan_hutang" oninput="total_perbelanjaan()" 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 readonly></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <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">
                                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 <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="input-file" id="salinan_ic" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" value="Penyata Gaji 3 Bulan Terkini">
                                            </td>
                                        </tr>
                                        <tr>   
                                            <th>5.</th>
                                            <td>Salinan Penyata Bank 1 Bulan</td>
                                            <td>
                                                <input type="file" class="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" value="Salinan Kad Orang Kurang Upaya (OKU)">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>8.</th>
                                            <td>Salinan Surat Pengesahan Doktor</td>
                                            <td>
                                                <input type="file" class="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" value="Salinan Bil Elektrik & Bil Air terkini kediaman sekarang">
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>10.</th>
                                            <td>Salinan Daftar Undi (boleh ke website <a href="https://pengundi.spr.gov.my/" target="_blank">SPR</a> untuk semakan)</td>
                                            <td> 
                                                <input type="file" class="input-file" name="dokumen[]" required >
                                                <input type="hidden" name="dokumen_title[]" 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="validate()">Hantar</button>
                            <a href="{{ url('cluster/pekerjaan-perniagaan') }}" type="reset" class="btn btn-secondary">Kembali</a>
                        </div>
                    </div>
                </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Rumusan Permohonan <br><small><i>Tarikh Permohonan: {{ date('d/m/Y') }}</i></small></h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">Maklumat Adun & Parlimen:</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Parlimen:</label>
                            <input type="text" class="form-control" id="m_parlimen" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Cawangan:</label>
                            <input type="text" class="form-control" id="m_cawangan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Dun:</label>
                            <input type="text" class="form-control" id="m_dun" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">Maklumat Peserta:</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">No. Identiti:</label>
                            <input type="text" class="form-control" id="m_ic" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Agama:</label>
                            <input type="text" class="form-control" id="m_agama" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Bangsa:</label>
                            <input type="text" class="form-control" id="m_bangsa" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <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">Status Perkahwinan:</label>
                            <input type="text" class="form-control" id="m_status_perkahwinan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No. Telefon Bimbit:</label>
                            <input type="text" class="form-control" id="m_tel_bimbit" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No. Telefon Rumah:</label>
                            <input type="text" class="form-control" id="m_tel_rumah" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Tempoh Mastautin:</label>
                            <input type="text" class="form-control" id="m_tempoh_mastautin" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Negeri Lahir:</label>
                            <input type="text" class="form-control" id="m_negeri_lahir" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Tarikh Lahir:</label>
                            <input type="text" class="form-control" id="m_tarikh_lahir" 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>
                            <input type="text" class="form-control" id="m_alamat_penuh" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Poskod:</label>
                            <input type="text" class="form-control" id="m_poskod" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Daerah:</label>
                            <input type="text" class="form-control" id="m_daerah" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Negeri:</label>
                            <input type="text" class="form-control" id="m_negeri_alamat" readonly>
                        </div>
                    </div>
                </div>
                <hr class="maklumat_pasangan modal-hr">
                <div class="maklumat_pasangan m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">Maklumat Pasangan:</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Nama:</label>
                            <input type="text" class="form-control" id="m_nama_pasangan" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Identiti:</label>
                            <input type="text" class="form-control" id="m_ic_pasangan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Agama:</label>
                            <input type="text" class="form-control" id="m_agama_pasangan" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Bangsa:</label>
                            <input type="text" class="form-control" id="m_bangsa_pasangan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Telefon Bimbit:</label>
                            <input type="text" class="form-control" id="m_telefon_pasangan" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">Maklumat Aktiviti Perniagaan:</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jenis Perniagaan:</label>
                            <input type="text" class="form-control" id="m_kategori_perniagaan" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Tempoh Berniaga:</label>
                            <input type="text" class="form-control" id="m_tempoh_niaga" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Premis:</label>
                            <input type="text" class="form-control" id="m_premis" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Aktiviti Perniagaan:</label>
                            <input type="text" class="form-control" id="m_aktiviti_perniagaan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Lesen Perniagaan:</label>
                            <input type="text" class="form-control" id="m_no_ssm" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Alamat Perniagaan:</label>
                            <input type="text" class="form-control" id="m_alamat_niaga" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Dun:</label>
                            <input type="text" class="form-control" id="m_dun_niaga" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">Tujuan Pinjaman:</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Nama Bank:</label>
                            <input type="text" class="form-control" id="m_bank" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No. Akaun Bank:</label>
                            <input type="text" class="form-control" id="m_no_akaun_bank" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Tujuan Pinjaman:</label>
                            <input type="text" class="form-control" id="m_tujuan_pinjaman" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Permohonan:</label>
                            <input type="text" class="form-control" id="m_skim_pinjaman" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Tempoh Bayaran Balik:</label>
                            <input type="text" class="form-control" id="m_tempoh_bayar" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <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">Pendapatan aktiviti perniagaan pemohon:</label>
                            <input type="text" class="form-control" id="m_pendapatan_aktiviti" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Pendapatan pasangan:</label>
                            <input type="text" class="form-control" id="m_pendapatan_pasangan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Lain-lain pendapatan (Sumbangan,kebajikan,pendapatan sampingan):</label>
                            <input type="text" class="form-control" id="m_pendapatan_lain" 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_pendapatan_jumlah" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">Maklumat Perbelanjaan / Saraan Bulanan:</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Kos aktiviti perniagaan (modal pusingan):</label>
                            <input type="text" class="form-control" id="m_modal_pusingan" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Perbelanjaan isi rumah (belanja dapur)	:</label>
                            <input type="text" class="form-control" id="m_belanja_dapur" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Perbelanjaan persekolahan (tuisyen/buku/yuran/pengangkutan):</label>
                            <input type="text" class="form-control" id="m_persekolahan" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Sewa (rumah/kenderaan/utiliti/premis/lesen):</label>
                            <input type="text" class="form-control" id="m_belanja_sewa" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Perbelanjaan Hutang:</label>
                            <input type="text" class="form-control" id="m_perbelanjaan_hutang" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Perbelanjaan:</label>
                            <input type="text" class="form-control" id="m_jumlah_Perbelanjaan" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--end">
                    <h5 style="color: #f4516c">Perakuan Pemohon:</h5><br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">Sila ambil perhatian bahawa Akta Perlindungan Data Peribadi 2010 memberi anda hak tertentu ke atas penggunaan data peribadi anda oleh pihak kami. Kerajaan Negeri Selangor dan Yayasan Hijrah 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://hpipt.selangor.gov.my/" target="_blank">www.hpipt.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 pihak Yayasan Hijrah 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>

@endsection
@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
<script>
    $("#skim_pinjaman").change(function() {
        if ($(this).val() == "Skim 1: RM1,000 hingga RM5,000") {
            $("#skim_1").prop("disabled", false);
            $('#otherField1').show();
            $('#skim_1').attr('required', '');
            $('#skim_1').attr('data-error', 'This field is required.');
        } else {
            $("#skim_1").prop("disabled", true);
            $('#otherField1').hide();
        }

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

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

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

    $(document).ready(function () {
        getStatus($('#status_kahwin option:selected').val());

        $('.skim_1').mask('0000.00', { reverse: true }).val('1000.00');
        $('.skim_2').mask('00000.00', { reverse: true }).val('6000.00');
        $('.skim_3').mask('00000.00', { reverse: true }).val('15000.00');
        $('.skim_4').mask('00000.00', { reverse: true }).val('30000.00');
    })

    function total_pendapatan() {
        var aktiviti = $('input[name="pendapatan_aktiviti"]').val() == '' ? 0 : $('input[name="pendapatan_aktiviti"]').val();
        var pasangan = $('input[name="pendapatan_pasangan"]').val() == '' ? 0 : $('input[name="pendapatan_pasangan"]').val();
        var lain = $('input[name="pendapatan_lain"]').val() == '' ? 0 : $('input[name="pendapatan_lain"]').val();
        var total = 0;

        total = parseFloat(aktiviti) + parseFloat(pasangan) + parseFloat(lain);
        $('input[name="pendapatan_jumlah"]').val(total.toFixed(2));
    }

    function total_perbelanjaan() {
        var modal = $('input[name="modal_pusingan"]').val() == '' ? 0 : $('input[name="modal_pusingan"]').val();
        var dapur = $('input[name="belanja_dapur"]').val() == '' ? 0 : $('input[name="belanja_dapur"]').val();
        var persekolahan = $('input[name="persekolahan"]').val() == '' ? 0 : $('input[name="persekolahan"]').val();
        var sewa = $('input[name="belanja_sewa"]').val() == '' ? 0 : $('input[name="belanja_sewa"]').val();
        var hutang = $('input[name="perbelanjaan_hutang"]').val() == '' ? 0 : $('input[name="perbelanjaan_hutang"]').val();
        var total = 0;

        total = parseFloat(modal) + parseFloat(dapur) + parseFloat(persekolahan) + parseFloat(sewa) + parseFloat(hutang);
        $('input[name="jumlah_Perbelanjaan"]').val(total.toFixed(2));
    }
    
    function getStatus(x) {
        if(x == '01') {
            $('.maklumat_pasangan').show('slow');
            $('#nama_pasangan, #agama_pasangan, #ic_pasangan, #bangsa_pasangan, #telefon_pasangan').attr('disabled', false);
        } else {
            $('.maklumat_pasangan').hide('slow');
            $('#nama_pasangan, #agama_pasangan, #ic_pasangan, #bangsa_pasangan, #telefon_pasangan').attr('disabled', true);
        }
    }

    function validate() {
        if ($('#dun option:selected').val() == '' || $('input[name="ic"]').val() == '' || $('input[name="nama"]').val() == ''
            || $('input[name="no_telefon"]').val() == '' || $('input[name="tarikh_lahir"]').val() == '' || $('#agama option:selected').val() == ''
            || $('#bangsa option:selected').val() == '' || $('#jantina option:selected').val() == '' || $('#status_kahwin option:selected').val() == ''
            || $('input[name="alamat_penuh"]').val() == '' || $('input[name="poskod"]').val() == '' || $('#daerah option:selected').val() == ''
            || $('#cawangan option:selected').val() == '' || $('#parlimen option:selected').val() == '' || $('#skim_pinjaman option:selected').val() == ''
            || $('input[name="jumlah_permohonan"]').val() == '' || $('#tempoh_bayar option:selected').val() == '' || $('#tujuan_pinjaman option:selected').val() == '') {
            error();
            return;
        } else if ($('input[name="status_kahwin"]').val() == 'Berkahwin' && ($('input[name="nama_pasangan"]').val() == ''
            || $('input[name="ic_pasangan"]').val() == '' || $('#agama_pasangan option:selected').val() == ''
            || $('#bangsa_pasangan option:selected').val() == '' || $('input[name="telefon_pasangan"]').val() == '')) {
            error();
            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', action: function() {} } }
            });
        }
    }

    function showRumusan() {
        // Maklumat Dun
        $('#m_parlimen').val($('#parlimen option:selected').text());
        $('#m_cawangan').val($('#cawangan option:selected').text());
        $('#m_dun').val($('#dun option:selected').text());

        // Maklumat Peserta
        $('#m_nama').val($('input[name="nama"]').val());
        $('#m_ic').val($('input[name="ic"]').val());
        $('#m_jantina').val($('#jantina option:selected').text());
        $('#m_tempoh_mastautin').val($('#tempoh_mastautin option:selected').text());
        $('#m_negeri_lahir').val($('#negeri_lahir option:selected').text());
        $('#m_agama').val($('#agama option:selected').text());
        $('#m_bangsa').val($('#bangsa option:selected').text());
        $('#m_status_perkahwinan').val($('#status_kahwin option:selected').text());
        $('#m_tel_bimbit').val($('input[name="no_telefon"]').val());
        $('#m_tel_rumah').val($('input[name="no_telefon_tetap"]').val());
        $('#m_tarikh_lahir').val($('input[name="tarikh_lahir"]').val());

        // Maklumat Tempat Tinggal
        $('#m_alamat_penuh').val($('#alamat_penuh').val());
        $('#m_poskod').val($('input[name="poskod"]').val());
        $('#m_daerah').val($('#daerah option:selected').text());
        $('#m_negeri_alamat').val($('#negeri_alamat option:selected').text());

        // Maklumat Pasangan
        $('#m_nama_pasangan').val($('input[name="nama_pasangan"]').val());
        $('#m_agama_pasangan').val($('#agama_pasangan option:selected').text());
        $('#m_ic_pasangan').val($('input[name="ic_pasangan"]').val());
        $('#m_bangsa_pasangan').val($('#bangsa_pasangan option:selected').text());
        $('#m_telefon_pasangan').val($('input[name="telefon_pasangan"]').val());

        // Maklumat Aktiviti Perniagaan
        $('#m_kategori_perniagaan').val($('#kategori_perniagaan option:selected').text());
        $('#m_tempoh_niaga').val($('#tempoh_niaga option:selected').text());
        $('#m_premis').val($('#premis option:selected').text());
        $('#m_aktiviti_perniagaan').val($('#aktiviti_perniagaan option:selected').text());
        $('#m_no_ssm').val($('input[name="no_ssm"]').val());
        $('#m_alamat_niaga').val($('#alamat_niaga').val());
        $('#m_dun_niaga').val($('#dun_niaga option:selected').text());

        // Tujuan Pinjaman
        $('#m_bank').val($('#bank option:selected').text());
        $('#m_no_akaun_bank').val($('input[name="no_akaun_bank"]').val());
        $('#m_tempoh_bayar').val($('#tempoh_bayar option:selected').text());
        $('#m_tujuan_pinjaman').val($('#tujuan_pinjaman option:selected').text());
        $('#m_skim_pinjaman').val($('#skim_pinjaman option:selected').text() + "RM" + $('input[name="jumlah_permohonan"]').val());

        // Maklumat Pendapatan Bulanan
        $('#m_pendapatan_aktiviti').val($('input[name="pendapatan_aktiviti"]').val());
        $('#m_pendapatan_pasangan').val($('input[name="pendapatan_pasangan"]').val());
        $('#m_pendapatan_lain').val($('input[name="pendapatan_lain"]').val());
        $('#m_pendapatan_jumlah').val($('input[name="pendapatan_jumlah"]').val());

        // Maklumat Perbelanjaan / Saraan Bulanan
        $('#m_modal_pusingan').val($('input[name="modal_pusingan"]').val());
        $('#m_belanja_dapur').val($('input[name="belanja_dapur"]').val());
        $('#m_persekolahan').val($('input[name="persekolahan"]').val());
        $('#m_belanja_sewa').val($('input[name="belanja_sewa"]').val());
        $('#m_perbelanjaan_hutang').val($('input[name="perbelanjaan_hutang"]').val());
        $('#m_jumlah_Perbelanjaan').val($('input[name="jumlah_Perbelanjaan"]').val());

        $('#rumusan_permohonan').modal('show');
    }
   
    function submitForm() {
        if ($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            error();
        } else {
            $('input[name="akuan_1"]').val($('#m_akuan_1:checked').val());
            $('input[name="akuan_2"]').val($('#m_akuan_2:checked').val());

            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: { btnClass: 'btn-green', action: function() { $('#permohonan_form').submit(); } },
                    kembali: { btnClass: 'btn-red', action: function() {} }
                }
            });
        }

        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila tanda perakuan pemohon sebelum hantar pemohonan.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red', action: function() {} } }
            });
        }
    }
</script>
@endsection