@extends('layouts.app')
@section('title', 'Permohonan')
@section('permohonan', 'm-menu__item--active')
@section('css')
<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" enctype="multipart/form-data" class="m-form m-form--label-align-right" action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <input type="hidden" name="akuan_1" value="">
                <input type="hidden" name="akuan_2" value="">
                <div class="m-portlet__body">
                    <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pemohon:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Nama:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="name" placeholder="Sila masukan nama" value="{{ Auth::user()->name }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Jenis Rumah:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control" id="jenis_rumah" name="jenis_rumah"> 
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="Teres">Teres</option>
                                    <option value="Pangsapuri">Pangsapuri</option>
                                    <option value="Lot Persendirian">Lot Persendirian</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>No. Identiti:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="m-input" id="ic_type" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8" value="{{ Auth::user()->ic_type }}" readonly>
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="1" {{ Auth::user()->ic_type == 1 ? 'selected' : '' }}>No. K/P</option>
                                    <option value="2" {{ Auth::user()->ic_type == 2 ? 'selected' : '' }}>No. Tentera</option>
                                    <option value="3" {{ Auth::user()->ic_type == 3 ? 'selected' : '' }}>No. Polis</option>
                                </select>
                                <input type="text" class="form-control m-input" name="ic" placeholder="Sila masukan No. Identiti" value="{{ Auth::user()->username }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Status Pemilikan Kediaman:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="form-control" id="status_pemilikan" name="status_pemilikan">
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="Rumah Sendiri">Rumah Sendiri</option>
                                    <option value="Rumah Sewa">Rumah Sewa</option>
                                    <option value="Rumah Pusaka">Rumah Pusaka</option>
                                    <option value="Lain-lain">Lain-lain</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Jantina:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="jantina" value="{{ $profile->jantina }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Status Perkahwinan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="status_kahwin" value="{{ $profile->status_perkahwinan }}" placeholder="Sila masukan status perkahwinan" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>E-mel (Jika Ada):
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="email" name="email" value="{{ Auth::user()->email }}" placeholder="Sila masukan emel" >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Pendapatan Bulanan:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">
                                    RM
                                </span>
                                <input type="text" class="form-control m-input" name="pendapatan_bulanan" value="{{ $profile->pendapatan }}" placeholder="Sila masukan pendapatan bulanan" readonly required>
                            </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 }}" placeholder="Sila masukkan tarikh lahir anda" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>No. Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tel_bimbit" value="{{ $profile->tel_bimbit }}" placeholder="Sila masukan no tel bimbit" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Tempat Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tempat_lahir" value="{{ $profile->tempat_lahir }}" placeholder="Sila masukkan tempat lahir anda" readonly >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                No. Telefon Rumah (Jika Ada):
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="tel_rumah" value="{{ $profile->tel_rumah }}" placeholder="Sila masukan no tel rumah" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Tahap Kesihatan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control" id="tahap_kesihatan" name="tahap_kesihatan" required>
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="Sihat">Sihat</option>
                                    <option value="OKU">OKU</option>
                                    <option value="Sakit Kronik">Sakit Kronik</option>
                                </select>
                                <input type="text" class="form-control m-input hidethis" id="tahap_kesihatan_lainlain" name="tahap_kesihatan_lainlain" placeholder="Sila nyatakan" >
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Jenis Pekerjaan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control" id="jenis_pekerjaan" name="jenis_pekerjaan" required>
                                    <option value="Sila pilih" hidden selected>Sila pilih</option>
                                    <option value="Sektor Kerajaan" @if($profile->taraf_pendidikan == "Sektor Kerajaan") selected @endif>Sektor Kerajaan</option>
                                    <option value="Sektor Swasta" @if($profile->taraf_pendidikan == "Sektor Swasta") selected @endif>Sektor Swasta</option>
                                    <option value="Bekerja Sendiri" @if($profile->taraf_pendidikan == "Bekerja Sendiri") selected @endif>Bekerja Sendiri</option>
                                    <option value="Pesara" @if($profile->taraf_pendidikan == "Pesara") selected @endif>Pesara</option>
                                    <option value="Tidak Bekerja" @if($profile->taraf_pendidikan == "Tidak Bekerja") selected @endif>Tidak Bekerja</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Tempoh Mastautin(Tahun):
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control " name="tempoh_mastautin" value="{{ $profile->tempoh_mastautin }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Slip Gaji/Surat Pengesahan Pendapatan:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                            <input id="dokumenSlip" name ="slip_gaji" class="input-file" type="file" onchange="ValidateSize(this)">
                            </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">
                                <span style="color: red">* </span>Alamat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_1" value="{{ $profile->alamat_1 }}" placeholder="Sila masukan alamat" required>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="poskod" value="{{ $profile->poskod }}" name="poskod" placeholder="Sila masukan poskod" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_2" value="{{ $profile->alamat_2 }}" placeholder="Sila masukan alamat">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">*</span> Bandar
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="bandar" value="{{ $profile->bandar }}" placeholder="Sila masukan bandar">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_3" value="{{ $profile->alamat_3 }}" placeholder="Sila masukan alamat">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span> Daerah:
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control m-input" name="daerah" value="{{ $profile->daerah }}" placeholder="Sila masukan alamat" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Negeri:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="negeri" name="negeri" required>
                                    <option value="" hidden selected>Sila pilih negeri</option>
                                    <option value="Johor" @if($profile->negeri == "Johor") selected @endif>Johor</option>
                                    <option value="Kedah" @if($profile->negeri == "Kedah") selected @endif>Kedah</option>
                                    <option value="Kelantan" @if($profile->negeri == "Kelantan") selected @endif>Kelantan</option>
                                    <option value="Melaka" @if($profile->negeri == "Melaka") selected @endif>Melaka</option>
                                    <option value="Negeri Sembilan" @if($profile->negeri == "Negeri Sembilan") selected @endif>Negeri Sembilan</option>
                                    <option value="Pahang" @if($profile->negeri == "Pahang") selected @endif>Pahang</option>
                                    <option value="Penang" @if($profile->negeri == "Penang") selected @endif>Penang</option>
                                    <option value="Perak" @if($profile->negeri == "Perak") selected @endif>Perak</option>
                                    <option value="Perlis" @if($profile->negeri == "Perlis") selected @endif>Perlis</option>
                                    <option value="Selangor" @if($profile->negeri == "Selangor") selected @endif>Selangor</option>
                                    <option value="Terengganu" @if($profile->negeri == "Terengganu") selected @endif>Terengganu</option>
                                    <option value="Sabah" @if($profile->negeri == "Sabah") selected @endif>Sabah</option>
                                    <option value="Sarawak" @if($profile->negeri == "Sarawak") selected @endif>Sarawak</option>
                                    <option value="W.P. Kuala Lumpur" @if($profile->negeri == "W.P. Kuala Lumpur") selected @endif>W.P. Kuala Lumpur</option>
                                    <option value="W.P. Labuan" @if($profile->negeri == "W.P. Labuan") selected @endif>W.P. Labuan</option>
                                    <option value="W.P. Putrajaya" @if($profile->negeri == "W.P. Putrajaya") selected @endif>W.P. Putrajaya</option>
                                </select>
                            </div>
                            <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 dun</option>
                                    @foreach (App\Adun::all() as $dun)
                                    <option value="{{ $dun->id }}" @if(old('dun')==$dun->nama) selected @endif>{{ $dun->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                                <div class="col-lg-6"></div>
                                <label class="col-lg-4 col-form-label">
                                <p><a style="font-size: 12px;" href="https://pengundi.spr.gov.my/" target="_blank" rel="noopener noreferrer">[KLIK PAUTAN] Semakan DUN kawasan berkaitan.</a></p>
                                </label>
                        </div>
                    </div>
                    <!-- Maklumat Pasangan -->
                    @if($profile->status_perkahwinan == 'Berkahwin')
                    <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 Pasangan
                            </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</th>
                                            <th>Jenis Pekerjaan</th>
                                            <th>Tahap Kesihatan</th>
                                            <th>No. Telefon</th>
                                            <th width="10%"></th>
                                        </tr>
                                    </thead>
                                    <tbody id="pasangan_input">
                                        @foreach($pasangans as $pasangan)
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input nama" id="pasangan_nama" name="pasangan_nama[]" value="{{ $pasangan->nama }}" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]" value="{{ $pasangan->ic_pasangan }}" readonly>
                                            </td>
                                            <td>
                                                <select class="form-control" id="jenis_pekerjaan_pasangan" name="jenis_pekerjaan_pasangan[]">
                                                    <option value="Sila Pilih" selected>Sila Pilih</option>
                                                    <option value="Sektor Kerajaan" @if($pasangan->taraf_pendidikan == "Sektor Kerajaan") selected @endif>Sektor Kerajaan</option>
                                                    <option value="Sektor Swasta" @if($pasangan->taraf_pendidikan == "Sektor Swasta") selected @endif>Sektor Swasta</option>
                                                    <option value="Bekerja Sendiri" @if($pasangan->taraf_pendidikan == "Bekerja Sendiri") selected @endif>Bekerja Sendiri</option>
                                                    <option value="Pesara" @if($pasangan->taraf_pendidikan == "Pesara") selected @endif>Pesara</option>
                                                    <option value="Tidak Bekerja" @if($pasangan->taraf_pendidikan == "Tidak Bekerja") selected @endif>Tidak Bekerja</option>
                                                </select>
                                            </td>
                                            <td>
                                                <select class="form-control" id="tahap_kesihatan_pasangan" name="tahap_kesihatan_pasangan[]">
                                                    <option value="" selected>Sila Pilih</option>
                                                    <option value="Sihat">Sihat</option>
                                                    <option value="OKU">OKU</option>
                                                    <option value="Sakit Kronik">Sakit Kronik</option>
                                                </select>
                                                <input type="text" class="form-control m-input hidethis" id="tahap_kesihatan_pasangan_lainlain" name="tahap_kesihatan_pasangan_lainlain[]" placeholder="Sila nyatakan" >
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_ic" id="no_tel_pasangan" name="no_tel_pasangan[]" value="{{ $pasangan->no_tel_bimbit }}" readonly>
                                            </td>
                                            <td></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="pasangan_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif

                    <!-- Jumlah Pendapatan Isi Rumah -->
                    <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">
                                Jumlah Pendapatan Isi Rumah
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jumlah:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="jumlah_pendapatan_isi_rumah" id="jumlah_pendapatan_isi_rumah" value="{{ ($profile->pendapatan) + ($pasangan_pendapatan->pendapatan ?? 0 ) + ($anak_pendapatan->pendapatan ?? 0) }}" name="jumlah_pendapatan_isi_rumah" readonly>
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Bantuan Peralatan -->
                    <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                    <div class="m-form__section m-form__section--last maklumat_anak">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Bantuan Peralatan/Mesin (jika berkaitan sahaja)
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama bantuan peralatan/mesin sedia ada yang pernah diterima</th>
                                            <th>Nama Jabatan/Agensi pemberi bantuan</th>
                                            <th>Tarikh terima bantuan</th>
                                            <th>Keadaan peralatan/mesin</th>
                                            <th>Tahap penggunaan peralatan/mesin</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="maklumat_bantuan_input">
                                        <tr>
                                            <td><input type="text" class="form-control m-input nama" name="nama_bantuan_peralatan[]"></td>
                                            <td><input type="text" class="form-control m-input anak_ic" name="nama_jabatan[]"></td>
                                            <td><input type="date" class="form-control m-input " name="tarikh_bantuan[]"></td>
                                            <td>
                                                <select class="form-control m-input" id="keadaan_peralatan" name="keadaan_peralatan[]">
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    <option value="Masih Baik">Masih Baik</option>
                                                    <option value="Telah Rosak">Telah Rosak</option>
                                                    <option value="Telah Hilang">Telah Hilang</option>
                                                </select>
                                            </td>
                                            <td>
                                                <select class="form-control m-input" id="tahap_pengunaan" name="tahap_pengunaan[]">
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    <option value="Tidak digunakan lagi">Tidak digunakan lagi</option>
                                                    <option value="Digunakan secara bermusim">Digunakan secara bermusim</option>
                                                    <option value="Sentiasa digunakan pakai">Sentiasa digunakan pakai</option>
                                                </select>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="maklumat_bantuan_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Bantuan Peralatan Dipohon -->
                    <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                    <div class="m-form__section m-form__section--last maklumat_anak">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Bantuan Peralatan / Mesin Dipohon
                            </h3>
                        </div>
                        <div class="form-group m-form__group row"> 
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><span style="color: red">* </span>Nama peralatan/mesin sedia ada yang ingin dipohon</th>
                                            <th><span style="color: red">* </span>Jenama/Jenis Peralatan/mesin</th>
                                            <th><span style="color: red">* </span>Saiz/Kapasiti peralatan/mesin</th>
                                            <th><span style="color: red">* </span>Anggaran kos peralatan/mesin(termasuk 6%GST)</th>
                                            <th>Gambar peralatan/mesin yang dipohon</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="maklumat_dipohon_input">
                                        <tr>
                                            <td><input type="text" class="form-control" name="nama_peralatan[]" data-inputmask-regex="([a-zA-Z@/ ])+/g"></td>
                                            <td><input type="text" class="form-control" name="jenis_peralatan[]"></td>
                                            <td><input type="text" class="form-control" name="saiz_peralatan[]"></td>
                                            <td><input type="text" class="form-control" id="kos_peralatan2" name="kos_peralatan[]" value="0.00" /></td>
                                            <td><input type="file" class="form-control" name="gambar_peralatan[]" accept="image/*" />
                                            <input type="file" class="form-control" name="gambar_peralatan1[]" accept="image/*" />
                                            <input type="file" class="form-control" name="gambar_peralatan2[]" accept="image/*" />
                                            <input type="file" class="form-control" name="gambar_peralatan3[]" accept="image/*" />
                                            </td>
                                            <input type="hidden" class="form-control" name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*" />
                                            <input type="hidden" class="form-control" name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*" />
                                            <input type="hidden" class="form-control" name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*" />
                                            <input type="hidden" class="form-control" name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*" />
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="maklumat_dipohon_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Maklumat Perniagaan / Perusahaan -->
                    <div class="m-form__seperator m-form__seperator--dashed maklumat_anak"></div>
                    <div class="m-form__section m-form__section--last maklumat_anak">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Perniagaan / Perusahaan
                            </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">
                                <input type="text" class="form-control m-input" name="alamat_perniagaan_1" id="alamat_perniagaan_1" placeholder="Sila masukan alamat" required>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="poskod_perniagaan" name="poskod_perniagaan" placeholder="Sila masukan poskod" required>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_perniagaan_2" placeholder="Sila masukan alamat">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">*</span> Bandar
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="bandar_perniagaan" placeholder="Sila masukan bandar">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="alamat_perniagaan_3" placeholder="Sila masukan alamat">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span> Daerah:
                            </label>
                            <div class="col-lg-4">
                            <select class="form-control m-input" id="daerah_perniagaan" name="daerah_perniagaan">
                              <option value="{{ old('') }}" hidden selected>Sila pilih daerah</option>
                              <option value="Sepang">Sepang</option>
                              <option value="Sabak Bernam">Sabak Bernam</option>
                              <option value="Petaling">Petaling</option>
                              <option value="Kuala Selangor">Kuala Selangor</option>
                              <option value="Kuala Langat">Kuala Langat</option>
                              <option value="Klang">Klang</option>
                              <option value="Hulu Selangor">Hulu Selangor</option>
                              <option value="Hulu Langat">Hulu Langat</option>
                              <option value="Gombak">Gombak</option>
                            </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Negeri:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="negeri_perniagaan" name="negeri_perniagaan" required>
                                    <option value="" hidden selected>Sila pilih negeri</option>
                                    <option value="Johor">Johor</option>
                                    <option value="Kedah">Kedah</option>
                                    <option value="Kelantan">Kelantan</option>
                                    <option value="Melaka">Melaka</option>
                                    <option value="Negeri Sembilan">Negeri Sembilan</option>
                                    <option value="Pahang">Pahang</option>
                                    <option value="Penang">Penang</option>
                                    <option value="Perak">Perak</option>
                                    <option value="Perlis">Perlis</option>
                                    <option value="Selangor">Selangor</option>
                                    <option value="Terengganu">Terengganu</option>
                                    <option value="Sabah">Sabah</option>
                                    <option value="Sarawak">Sarawak</option>
                                    <option value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                                    <option value="W.P. Labuan">W.P. Labuan</option>
                                    <option value="W.P. Putrajaya">W.P. Putrajaya</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Jenis Perniagaan</th>
                                            <th>Tempoh perniagaan/perusahaan(tahun)</th>
                                            <th>Tahap Keaktifan perniagaan perusahaan</th>
                                            <th>Sijil Suruhanjaya Syarikat Malaysia</th>
                                            <th>Lesen perniagaan daripada pihak berkuasa tempatan</th>
                                            <th>Surat Kelulusan daripada Jabatan Kesihatan Negeri Selangor</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="maklumat_perniagaan_input">
                                        <tr>
                                            <td><input type="text" class="form-control" name="jenis_perniagaan" data-inputmask-regex="([a-zA-Z@/ ])+/g"></td>
                                            <td><input type="text" class="form-control" name="tempoh_perniagaan" id="tempoh_perniagaan"></td>
                                            <td>
                                                <select class="form-control m-input" id="tahap_aktif" name="tahap_aktif">
                                                    <option value="" hidden selected>Sila pilih</option>
                                                    <option value="Sepenuh Masa">Sepenuh Masa</option>
                                                    <option value="Separa Masa">Separa Masa</option>
                                                    <option value="Bergantung kepada permintaan">Bergantung kepada permintaan</option>
                                                </select>
                                            </td>
                                            <td>
                                                <input class="form-control m-input" type="hidden" value="Sijil Suruhanjaya Syarikat Malaysia" name="SSM_title">
                                                <input type="file" class="form-control mt-1" name="ssm_dokumen">
                                            </td>
                                            <td>
                                                <input class="form-control m-input" type="hidden" value="Lesen perniagaan daripada pihak berkuasa tempatan" name="lesen_title">
                                                <input type="file" class="form-control mt-1" name="lesen_dokumen">
                                            </td>
                                            <td>
                                                <input class="form-control m-input" type="hidden" value="Surat Kelulusan daripada Jabatan Kesihatan Negeri Selangor" name="surat_title">
                                                <input type="file" class="form-control mt-1" name="surat_dokumen">
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Gambar Perniagaan / Perusahaan
                            </h3>
                        </div>
                        <div class="col-lg-12">
                            <table id="kemahirantable" class="table order table-responsive">
                            <thead >
                                <tr>
                                    <th></th>
                                    <th width="10%"></th>
                                </tr>
                            </thead>
                            <tbody id="gambar_input">
                                <tr>
                                <td>
                                <input id="dokumen1" name="gambar1" class="input-file" type="file" onchange="ValidateSize(this)">
                                <input class="form-control m-input" type="hidden" value="Gambar1" name="gambar1_title">
                                </td>
                                </tr>
                                <tr>
                                <td>
                                <input id="dokumen2" name="gambar2" class="input-file" type="file" onchange="ValidateSize(this)">
                                <input class="form-control m-input" type="hidden" value="Gambar2" name="gambar2_title">
                                </td>
                                </tr>
                                <tr>
                                <td>
                                <input id="dokumen3" name="gambar3" class="input-file" type="file" onchange="ValidateSize(this)">
                                <input class="form-control m-input" type="hidden" value="Gambar3" name="gambar3_title">
                                </td>
                                </tr>
                                <tr>
                                <td>
                                <input id="dokumen4" name="gambar4" class="input-file" type="file" onchange="ValidateSize(this)">
                                <input class="form-control m-input" type="hidden" value="Gambar4" name="gambar4_title">
                                </td>
                                </tr>
                            </tbody>
                            <tfoot></tfoot>
                            </table>
                        </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>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


{{-- Modal --}}
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">
                    Rumusan Permohonan <br>
                    <small>
                        <i>Tarikh Permohonan: {{ date('d/m/Y') }}</i>
                    </small>
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
                <div class="m-form__section m-form__section--first">
                    <div class="m-form__heading">
                        <h5 style="color: #f4516c">
                            Maklumat Pemohon:
                        </h5>
                    </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" id="m_name" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Jenis Rumah:
                        </label>
                        <div class="input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_jenis_rumah" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            No. Identiti:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_ic" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Status Pemilikan Kediaman:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_status_pemilikan" readonly>
                        </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">
                            <input type="text" class="form-control m-input" id="m_jantina" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>Status Perkahwinan:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_status_kahwin" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            E-mel
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_email" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Pendapatan Bulanan:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <span class="input-group-addon">
                                RM
                            </span>
                            <input type="text" class="form-control m-input" id="m_pendapatan_bulanan" readonly>
                        </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="text" class="form-control m-input" id="m_tarikh_lahir" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>No. Telefon Bimbit:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_tel_bimbit" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Tempat Lahir:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_tempat_lahir" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            No. Telefon Rumah:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_tel_rumah" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Tahap Kesihatan:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_tahap_kesihatan" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Tempoh Mastautin(Tahun):
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control " id="m_tempoh_mastautin" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Jenis Pekerjaan:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control " id="m_jenis_pekerjaan" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Slip Gaji/Surat Pengesahan Pendapatan:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control " id="m_slip_gaji" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">

                @if($profile->status_perkahwinan == 'Berkahwin')
                <!--  Maklumat Tempat Tinggal: -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Maklumat Pasangan:
                    </h5>
                    <br>
                    <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</th>
                                        <th>Jenis Pekerjaan</th>
                                        <th>Tahap Kesihatan</th>
                                        <th>No Telefon</th>
                                    </tr>
                                </thead>
                                <tbody id="m_pasangan_input"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr ">
                @endif

                <!--  Maklumat Tempat Tinggal: -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Maklumat Tempat Tinggal:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Alamat:
                            </label>
                            <textarea type="text" class="form-control" id="m_alamat" readonly></textarea>
                        </div>

                        <div 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 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>
                </div>
                <hr class="modal-hr ">


                  <!--  Jumlah Pendapatan Isi Rumah: -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Jumlah Pendapatan Isi Rumah:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                            Jumlah Pendapatan Isi Rumah:
                            </label>
                           <input type="text" class="form-control" id="m_jumlah_pendapatan_isi_rumah" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr ">

                 <!--  Maklumat Bantuan Peralatan/Mesin (jika berkaitan sahaja): -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                        Maklumat Bantuan Peralatan/Mesin (jika berkaitan sahaja):
                    </h5>
                    <br>
                    <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                            <table class="table" >
                                <thead>
                                    <tr>
                                        <th>Nama bantuan peralatan/mesin sedia ada yang pernah diterima</th>
                                        <th>Nama Jabatan/Agensi pemberi bantuan</th>
                                        <th>Tarikh terima bantuan</th>
                                        <th>Keadaan peralatan/mesin</th>
                                        <th>Tahap penggunaan peralatan/mesin</th>
                                    </tr>
                                </thead>
                                <tbody id="m_maklumat_bantuan_input"></tbody>
                            </table>
                        </div>
                            
                    </div>
                </div>
                <hr class="modal-hr ">


                <!--  Maklumat Bantuan Peralatan / Mesin Dipohon: -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Bantuan Peralatan / Mesin Dipohon
                    </h5>
                    <br>
                    <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama peralatan/mesin sedia ada yang pernah dipohon</th>
                                            <th>Jenama/Jenis Peralatan/mesin</th>
                                            <th>Saiz/Kapasiti peralatan/mesin</th>
                                            <th>Anggaran kos peralatan/mesin(termasuk 6%GST)</th>
                                            <th>Gambar peralatan/mesin yang dipohon</th>
                                        </tr>
                                    </thead>
                                    <tbody id="m_maklumat_dipohon_input"></tbody>
                                </table>
                            </div>
                        </div>
                </div>
                <hr class="modal-hr ">


                <!--  Maklumat Perniagaan / Perusahaan -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Perniagaan / Perusahaan
                    </h5>
                    <br>
                    <div class="col-md-6">
                        <label for="recipient-name" class="form-control-label">
                            Alamat:
                        </label>
                        <textarea type="text" class="form-control" id="m_alamat_perniagaan" readonly></textarea>
                    </div>
                    <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>Jenis Perniagaan</th>
                                        <th>Tempoh perniagaan/perusahaan(tahun)</th>
                                        <th>Tahap Keaktifan perniagaan perusahaan</th>
                                        <th>Sijil Suruhanjaya Syarikat Malaysia</th>
                                        <th>Lesen perniagaan daripada pihak berkuasa tempatan</th>
                                        <th>Surat Kelulusan daripada Jabatan Kesihatan Negeri Selangor</th>
                                    </tr>
                                </thead>
                                <tbody id="m_maklumat_perniagaan_input"></tbody>
                            </table>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <label for="recipient-name" class="form-control-label">
                            Gambar Perniagaan / Perusahaan:
                        </label>
                        <input type="text" class="form-control m-input" id="m_gambar_1" readonly>
                        <input type="text" class="form-control m-input" id="m_gambar_2" readonly>
                        <input type="text" class="form-control m-input" id="m_gambar_3" readonly>
                        <input type="text" class="form-control m-input" id="m_gambar_4" readonly>
                    </div>
                </div>
                <hr class="modal-hr ">

                <!-- Perakuan Pemohon: -->
                <div class="m-form__section m-form__section--end">
                    <h5 style="color: #f4516c">
                        Perakuan Pemohon:
                    </h5>
                    <br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">
                                Sila ambil perhatian bahawa Akta Perlindungan Data Peribadi 2010 memberi anda hak tertentu ke atas penggunaan data peribadi anda oleh pihak kami. Kerajaan Negeri Selangor memberi keutamaan dalam hal melindungi data peribadi anda dan memastikan ianya terpelihara dengan mengambil langkah tertentu seperti yang termaktub di dalam akta tersebut. Dengan mengemukakan dan menyediakan maklumat anda kepada kami di dalam borang pendaftaran ini, anda membenarkan penggunaan maklumat peribadi yang dikumpulkan untuk memberikan perkhidmatan kami, mengikut cara dan tujuan yang dinyatakan dalam nota privasi kami. 
                            </div>
                            <label class="m-checkbox m-checkbox--success">
                                <input type="checkbox" id="m_akuan_1" name="m_akuan_1" value="true">
                                Setuju
                                <span></span>
                            </label>
                        </div>
                    </div>
                    <br>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                            <div class="alert m-alert m-alert--default" role="alert">
                                Saya dengan ini mengakui bahawa segala maklumat yang dinyatakan di dalam Borang Permohonan ini adalah BENAR dan memberikan kebenaran kepada Kerajaan Negeri Selangor untuk membuat semakan data butir-butir peribadi saya bagi memproses permohonan ini.
                            </div>
                            <label class="m-checkbox m-checkbox--success">
                                <input type="checkbox" id="m_akuan_2" name="m_akuan_2" value="true">
                                Setuju
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="submitForm()">
                    Hantar
                </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    Kemaskini
                </button>
            </div>
        </div>
    </div>
</div>
{{-- End Modal --}}
@endsection
@section('js')
<script type="text/javascript">
    function ValidateSize(file) {
        var FileSize = file.files[0].size / 1024 / 1024; // in MB
        if (FileSize > 2) {
                fileSizeErr();
                // $('#dokumen').val(''); //for clearing with Jquery
                // $('#inputFile2').val('');
        }

        function fileSizeErr() {
            $.confirm({
                title: 'Saiz dokumen melebihi had.',
                content: 'Sila muatnaik fail tidak melebihi 2 MB.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red', action: function() {} } }
            });
        }
   }
</script>
<script>
    var pasangan = {!!json_encode($pasangans -> toArray()) !!}


    var count_pasangan_max,
        count_pasangan = pasangan.length;

    $(document).ready(() => {


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

    });

    $(document).ready(function(){
        $("#tahap_kesihatan_lainlain").hide();

        $('#tahap_kesihatan').on('change', function() {
        if ( this.value == 'OKU' || this.value == 'Sakit Kronik')
        {
            $("#tahap_kesihatan_lainlain").show('slow');     
        }
        else
        {
            $("#tahap_kesihatan_lainlain").hide('slow');
            $("#tahap_kesihatan_lainlain").val('');
        }
        });
    });

    $(document).ready(function(){
        $("#tahap_kesihatan_pasangan_lainlain").hide();

        $('#tahap_kesihatan_pasangan').on('change', function() {
        if ( this.value == 'OKU' || this.value == 'Sakit Kronik')
        {
            $("#tahap_kesihatan_pasangan_lainlain").show('slow');     
        }
        else
        {
            $("#tahap_kesihatan_pasangan_lainlain").hide('slow');
            $("#tahap_kesihatan_pasangan_lainlain").val('');
        }
        });
    });

    // Pasangan
    function pasangan_add() {

        var html =
            '<tr>' +
                '<td>' +
                    '<input type="text" class="form-control m-input pasangan_ic" name="pasangan_ic[]">' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">' +
                '</td>' +
                '<td>' +
                    '<select class="form-control" id="jenis_pekerjaan_pasangan" name="jenis_pekerjaan_pasangan[]" >' +
                        '<option value="Sektor Kerajaan">Sektor Kerajaan</option>' +
                        '<option value="Sektor Swasta">Sektor Swasta</option>' +
                        '<option value="Bekerja Sendiri">Bekerja Sendiri</option>' +
                        '<option value="Pesara">Pesara</option>' +
                        '<option value="Tidak Bekerja">Tidak Bekerja</option>' +
                    '</select>' +
                '</td>' +
                '<td>' +
                    '<select class="form-control tahap_kesihatan_pasangan" name="tahap_kesihatan_pasangan[]" >' +
                        '<option value="Sihat">Sihat</option>' +
                        '<option value="OKU">OKU</option>' +
                        '<option value="Sakit Kronik">Sakit Kronik</option>' +
                    '</select>' +
                    '<input type="text" class="form-control m-input tahap_kesihatan_pasangan_lainlain" name="tahap_kesihatan_pasangan_lainlain[]" placeholder="Sila nyatakan">' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input pasangan_ic" id="no_tel_pasangan" name="no_tel_pasangan[]" readonly>' +
                '</td>' +
                '<td>' +
                    '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="pasangan_delete($(this),0)">' +
                        '<span>' +
                            '<i class="la la-trash-o"></i>' +
                            '<span>Padam</span>' +
                        '</span>' +
                    '</div>' +
                '</td>' +
            '</tr>';

        $('#pasangan_input').append(html);
        // count_pasangan = count_pasangan + 1;
        assign_js('pasangan');
    }

    function pasangan_delete(x, y) {
        x.closest('tr').remove();
        total();
    }

    function assign_js(x) {
        if(x == 'pasangan') {
            $(".tahap_kesihatan_pasangan_lainlain").hide();

            $('.tahap_kesihatan_pasangan').on('change', function() {
                if ( this.value == 'OKU' || this.value == 'Sakit Kronik')
                {
                    $(".tahap_kesihatan_pasangan_lainlain").show('slow');     
                }
                else
                {
                    $(".tahap_kesihatan_pasangan_lainlain").hide('slow');
                    $(".tahap_kesihatan_pasangan_lainlain").val('');
                }
            });
        }
    }

    // Anak
    function anak_add() {
        var html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input nama" name="anak_nama[]"  data-inputmask-regex="([a-zA-Z@/ ])+/g">' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input anak_ic" name="anak_ic[]"  readonly>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input anak_tarikh_lahir" name="anak_tarikh_lahir[]" readonly>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input nama" name="kekeluargaan[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">' +
            '</td>' +
            '<td>' +
            '<select class="form-control m-input" id="taraf_pendidikan" name="taraf_pendidikan[]" onchange="getPendidikan($(this).val())">' +
            '<option value="" hidden selected>Sila pilih </option>' +
            '<option value="Rendah" @if($profile->taraf_pendidikan == "Rendah") selected @endif>Rendah</option>' +
            '<option value="Menengah" @if($profile->taraf_pendidikan == "Menengah") selected @endif>Menengah</option>' +
            '<option value="Kolej/Universiti" @if($profile->taraf_pendidikan == "Kolej/Universiti") selected @endif>Kolej/Universiti</option>' +
            '</select>' +
            ' </td>' +
            '<td>' +
            ' <input type="text" class="form-control m-input nama" name="pendapatan[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">' +
            '</td>' +
            '<td>' +
            '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="anak_delete($(this),0)">' +
            '<span>' +
            '<i class="la la-trash-o"></i>' +
            '<span>Padam</span>' +
            '</span>' +
            '</div>' +
            '</td>' +
            '</tr>';

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

        // assign_js('anak');
    }

    function anak_delete(x, y) {
        x.closest('tr').remove();
        total();
    }

    // Maklumat Bantuan Blueprint
    function maklumat_bantuan_add() {
        var i = 0;
        var html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" name="nama_bantuan_peralatan[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" name="nama_jabatan[]" >' +
            '</td>' +
            '<td>' +
            '<input type="date" class="form-control m-input" name="tarikh_bantuan[]" >' +
            '</td>' +
            '<td>' +
            '<select class="form-control m-input" id="keadaan_peralatan[]" name="keadaan_peralatan[]" >' +
            '<option value="" hidden selected>Sila pilih</option>' +
            '<option value="Masih Baik">Masih Baik</option>' +
            '<option value="Telah Rosak" >Telah Rosak</option>' +
            '<option value="Telah Hilang" >Telah Hilang</option>' +
            '</select>' +
            '</td>' +
            '<td>' +
            '<select class="form-control m-input" id="keadaan_peralatan" name="tahap_pengunaan[]" >' +
            '<option value="" hidden selected>Sila pilih</option>' +
            '<option value="Tidak digunakan lagi" >Tidak digunakan lagi</option>' +
            '<option value="Digunakan secara bermusim" >Digunakan secara bermusim</option>' +
            '<option value="Sentiasa digunakan pakai" >Sentiasa digunakan pakai</option>' +
            ' </select>' +
            '</td>' +
            '<td>' +
            ' <div class="btn-sm btn btn-danger m-btn m-btn--icon m-btn--pill" onclick="maklumat_bantuan_delete($(this),0)">' +
            '<span>' +
            '<i class="la la-trash-o"></i>' +
            '<span>Padam</span>' +
            '</span>' +
            ' </div>' +
            ' </td>' +
            '</tr>';

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

        // assign_js('maklumat_bantuan');
    }

    function maklumat_bantuan_delete(x, y) {
        x.closest('tr').remove();
        total();
    }


    // Maklumat Dipohon Blueprint
    function maklumat_dipohon_add() {
        var html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control" name="nama_peralatan[]">' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control" name="jenis_peralatan[]" >' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control" name="saiz_peralatan[]" >' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control" id="kos_peralatan" name="kos_peralatan[]" value="0.00" />' +
            '</td>' +
            '<td>' +
            ' <input type="file" class="form-control" name="gambar_peralatan[]" accept="image/*" >' +
            ' <input type="file" class="form-control" name="gambar_peralatan1[]" accept="image/*" >' +
            ' <input type="file" class="form-control" name="gambar_peralatan2[]" accept="image/*" >' +
            ' <input type="file" class="form-control" name="gambar_peralatan3[]" accept="image/*" >' +
            '</td>' +
            ' <input type="hidden" class="form-control"  name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*"  />' +
            ' <input type="hidden" class="form-control"  name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*"  />' +
            ' <input type="hidden" class="form-control"  name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*"  />' +
            ' <input type="hidden" class="form-control"  name="nama_gambar_peralatan[]" value="Gambar Peralatan Dipohon" accept="image/*"  />' +
            '<td>' +
            ' <div class="btn-sm btn btn-danger m-btn m-btn--icon m-btn--pill" onclick="maklumat_bantuan_delete($(this),0)">' +
            '<span>' +
            '<i class="la la-trash-o"></i>' +
            '<span>Padam</span>' +
            '</span>' +
            ' </div>' +
            ' </td>' +
            '</tr>' ;


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


    function maklumat_bantuan_delete(x, y) {
        x.closest('tr').remove();
        total();

    }
    
    function validate() {
        let is_valid_nama_peralatan = true
        let is_valid_jenis_peralatan = true
        let is_valid_saiz_peralatan = true
        let is_valid_kos_peralatan = true

        $('input[name="nama_peralatan[]"').each(function(){
            if($(this).val() == ''){
                is_valid_nama_peralatan = false
            }
        })

        $('input[name="jenis_peralatan[]"').each(function(){
            if($(this).val() == ''){
                is_valid_jenis_peralatan = false
            }
        })

        $('input[name="saiz_peralatan[]"').each(function(){
            if($(this).val() == ''){
                is_valid_saiz_peralatan = false
            }
        })

        $('input[name="kos_peralatan[]"').each(function(){
            if($(this).val() == ''){
                is_valid_kos_peralatan = false
            }
        })

        // check duplicate
        if ($('input[name="emel"]').val() != '' && $(".success_email").is(":hidden")) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Email telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="tel_bimbit"]').val() != '' && $(".success_tel_bimbit").is(":hidden")) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan No Telefon Bimbit telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'  
                    }
                }
            });
            return;
        } else if ($('#status_pemilikan').val() == '' ) {
            $.confirm({
                title: 'Status Pemilikan',
                content: 'Sila pilih Status Pemilikan Kediaman dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#jenis_rumah').val() == '' ) {
            $.confirm({
                title: 'Jenis Rumah',
                content: 'Sila pilih Jenis Rumah dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#tahap_kesihatan').val() == 'Sila pilih' ) {
            $.confirm({
                title: 'Tahap Kesihatan',
                content: 'Sila pilih Tahap Kesihatan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#jenis_pekerjaan').val() == 'Sila pilih' ) {
            $.confirm({
                title: 'Jenis Pekerjaan',
                content: 'Sila pilih Jenis Pekerjaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="slip_gaji"]')[0].files.length == 0 ) {
            $.confirm({
                title: 'Slip Gaji',
                content: 'Sila muat naik Slip Gaji/Surat Pengesahan Pendapatan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#daerah').val() == '' ) {
            $.confirm({
                title: 'Daerah',
                content: 'Sila pilih Daerah dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#daerah_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Daerah Perniagaan',
                content: 'Sila pilih Daerah Perniagaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#dun').val() == '' ) {
            $.confirm({
                title: 'Dun',
                content: 'Sila pilih Dun dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if (!is_valid_nama_peralatan) {
            $.confirm({
                title: 'Nama Peralatan Dipohon',
                content: 'Sila masukkan Maklumat Bantuan Peralatan/Mesin Dipohon dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if (!is_valid_jenis_peralatan) {
            $.confirm({
                title: 'Jenis Peralatan Dipohon',
                content: 'Sila masukkan Jenis Peralatan Dipohon dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if (!is_valid_saiz_peralatan) {
            $.confirm({
                title: 'Saiz Peralatan Dipohon',
                content: 'Sila masukkan Saiz Peralatan Dipohon dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if (!is_valid_kos_peralatan) {
            $.confirm({
                title: 'Kos Peralatan Dipohon',
                content: 'Sila masukkan Kos Peralatan Dipohon dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="gambar_peralatan[]"').get(0).files.length == 0) {
            $.confirm({
                title: 'Gambar Peralatan Dipohon',
                content: 'Sila pilih Gambar Peralatan Dipohon dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="gambar1"').get(0).files.length == 0) {
            $.confirm({
                title: 'Gambar Perniagaan/Perusahaan',
                content: 'Sila pilih Gambar Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#email').val() == '' ) {
            $.confirm({
                title: 'Dun',
                content: 'Sila masukkan Emel dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#alamat_perniagaan_1').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#poskod_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#bandar_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#negeri_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#daerah_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#jenis_perniaggan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#tempoh_perniagaan').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('#tahap_aktif').val() == '' ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="ssm_dokumen"]').get(0).files.length == 0 ) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="lesen_dokumen"]').get(0).files.length == 0) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else if ($('input[name="surat_dokumen"]').get(0).files.length == 0) {
            $.confirm({
                title: 'Maklumat Perniagaan/Perusahaan',
                content: 'Sila lengkapkan Maklumat Perniagaan/Perusahaan dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
            return;
        } else {
            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 Peribadi
        $('#m_name').val($('input[name="name"]').val());
        $('#m_ic').val($('input[name="ic"]').val());
        $('#m_jantina').val($('input[name="jantina"]').val());
        $('#m_jenis_rumah').val($('select[name="jenis_rumah"] option:selected').val());
        $('#m_email').val($('input[name="email"]').val());
        $('#m_pendapatan').val($('input[name="pendapatan_bulanan"]').val());
        $('#m_tarikh_lahir').val($('input[name="tarikh_lahir"]').val());
        $('#m_tel_bimbit').val($('input[name="tel_bimbit"]').val());
        $('#m_tempat_lahir').val($('input[name="tempat_lahir"]').val());
        $('#m_tel_rumah').val($('input[name="tel_rumah"]').val());
        $('#m_tahap_kesihatan').val($('select[name="tahap_kesihatan"] option:selected').val());

        $('#m_tempoh_mastautin').val($('input[name="tempoh_mastautin"]').val());
        $('#m_jenis_pekerjaan').val($('select[name="jenis_pekerjaan"] option:selected').val());
        $('#m_slip_gaji').val($('input[name="slip_gaji"]').val());
        $('#m_status_kahwin').val($('input[name="status_kahwin"]').val());

        // Maklumat Pendapatan m_pendapatan_bulanan
        $('#m_jumlah_pendapatan_isi_rumah').val($('input[name="jumlah_pendapatan_isi_rumah"]').val());
        $('#m_pendapatan_bulanan').val($('input[name="pendapatan_bulanan"]').val());

        // Maklumat Tempat Tinggal
        $('#m_status_pemilikan').val($('select[name="status_pemilikan"] option:selected').val());
        $('#m_dun').val($('select[name="dun"] option:selected').val());
        // $('#m_daerah').val($('select[name="daerah"] option:selected').val());
        $('#m_daerah').val($('input[name="daerah"]').val());
        $('#m_alamat').html([
            $('input[name="alamat_1"]').val() + ', ',
            $('input[name="alamat_2"]').val() ? $('input[name="alamat_2"]').val() + ', ' : '',
            $('input[name="alamat_3"]').val() ? $('input[name="alamat_3"]').val() + ', ' : '',
            $('input[name="poskod"]').val() + ', ',
            $('#negeri option:selected').val()
        ]);

        // Alamat Perniagaan
        $('#m_alamat_perniagaan').html([
            $('input[name="alamat_perniagaan_1"]').val() + ', ',
            $('input[name="alamat_perniagaan_2"]').val() ? $('input[name="alamat_perniagaan_2"]').val() + ', ' : '',
            $('input[name="alamat_perniagaan_3"]').val() ? $('input[name="alamat_perniagaan_3"]').val() + ', ' : '',
            $('input[name="poskod_perniagaan"]').val() + ', ',
            $('input[name="bandar_perniagaan"]').val() + ', ',
            $('#daerah_perniagaan option:selected').val() + ', ',
            $('#negeri_perniagaan option:selected').val()
        ]);

        $('#m_status_pemilikan').val($('select[name="status_pemilikan"] option:selected').val());
        $('#m_dun').val($('select[name="dun"] option:selected').val());
        

        // Maklumat Pasangan 
        var nama_pasangan = [],
            ic_pasangan = [],
            jenis_kerja_pasangan = [],
            kesihatan_pasangan = [],
            no_tel_pasangan = [],
            data = [],
            html = '';

        $('input[name="pasangan_nama[]"]').each(function(i, v) {
            nama_pasangan.push($(this).val());
        });
        $('input[name="pasangan_ic[]"]').each(function(i, v) {
            ic_pasangan.push($(this).val());
        });
        $('select[name="jenis_pekerjaan_pasangan[]"] option:selected').each(function(i, v) {
            jenis_kerja_pasangan.push($(this).val());
        });
        $('select[name="tahap_kesihatan_pasangan[]"] option:selected').each(function(i, v) {
            kesihatan_pasangan.push($(this).val());
        });
        $('input[name="no_tel_pasangan[]"]').each(function(i, v) {
            no_tel_pasangan.push($(this).val());
        });


        for (x = 0; x < nama_pasangan.length; x++) {
            data.push({
                nama_pasangan: nama_pasangan[x],
                ic_pasangan: ic_pasangan[x],
                jenis_kerja_pasangan: jenis_kerja_pasangan[x],
                kesihatan_pasangan: kesihatan_pasangan[x],
                no_tel_pasangan: no_tel_pasangan[x],
            })
        }


        $('#m_pasangan_input').html('');
        data.forEach(function(d) {
            html =
                '<tr>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.nama_pasangan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.ic_pasangan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.jenis_kerja_pasangan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.kesihatan_pasangan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.no_tel_pasangan + '" disabled>' +
                    '</td>' +
                '</tr>';

            $('#m_pasangan_input').append(html);
        });
        
        // Maklumat Bantuan Peralatan/Mesin (jika berkaitan sahaja): 
        var nama_bantuan = [],
            nama_jabatan = [],
            tarikh_bantuan = [],
            keadaan_peralatan = [],
            tahap_pengunaan = [],
            data = [],
            html = '';

        $('input[name="nama_bantuan_peralatan[]"]').each(function(i, v) {
            nama_bantuan.push($(this).val());
        });
        $('input[name="nama_jabatan[]"]').each(function(i, v) {
            nama_jabatan.push($(this).val());
        });
        $('input[name="tarikh_bantuan[]"]').each(function(i, v) {
            tarikh_bantuan.push($(this).val());
        });
        $('select[name="keadaan_peralatan[]"] option:selected').each(function(i, v) {
            keadaan_peralatan.push($(this).val());
        });
        $('select[name="tahap_pengunaan[]"] option:selected').each(function(i, v) {
            tahap_pengunaan.push($(this).val());
        });


        for (x = 0; x < nama_bantuan.length; x++) {
            data.push({
                nama_bantuan: nama_bantuan[x],
                nama_jabatan: nama_jabatan[x],
                tarikh_bantuan: tarikh_bantuan[x],
                keadaan_peralatan: keadaan_peralatan[x],
                tahap_pengunaan: tahap_pengunaan[x],
            })
        }


        $('#m_maklumat_bantuan_input').html('');
        data.forEach(function(d) {
            html =
                '<tr>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.nama_bantuan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.nama_jabatan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.tarikh_bantuan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.keadaan_peralatan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.tahap_pengunaan + '" disabled>' +
                    '</td>' +
                '</tr>';

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


        // Maklumat Bantuan Peralatan / Mesin Dipohon 
        var  nama_peralatan = [],
            jenis_peralatan = [],
            saiz_bantuan = [],
            kos_peralatan = [],
            gambar_peralatan = [],
            data = [],
            html = '';

        $('input[name="nama_peralatan[]"]').each(function() {
            nama_peralatan.push($(this).val());
        });
        $('input[name="jenis_peralatan[]"]').each(function() {
            jenis_peralatan.push($(this).val());
        });
        $('input[name="saiz_peralatan[]"]').each(function() {
            saiz_bantuan.push($(this).val());
        });
        $('input[name="kos_peralatan[]"]').each(function() {
            kos_peralatan.push($(this).val());
        });
        $('input[name="gambar_peralatan[]"]').each(function() {
            gambar_peralatan.push($(this).val().replace(/C:\\fakepath\\/i, ''));
        });


        for (x = 0; x < nama_peralatan.length; x++) {
            data.push({
                nama_peralatan: nama_peralatan[x],
                jenis_peralatan: jenis_peralatan[x],
                saiz_bantuan: saiz_bantuan[x],
                kos_peralatan: kos_peralatan[x],
                gambar_peralatan: gambar_peralatan[x],
            })
        }


        $('#m_maklumat_dipohon_input').html('');
        data.forEach(function(d) {
            html =
                '<tr>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.nama_peralatan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.jenis_peralatan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.saiz_bantuan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.kos_peralatan + '" disabled>' +
                    '</td>' +
                    '<td>' +
                        '<input type="text" class="form-control m-input" value="' + d.gambar_peralatan + '" disabled>' +
                    '</td>' +
                '</tr>';

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

        //   Maklumat Perniagaan
        var jenis_perniagaan = $('input[name="jenis_perniagaan"]').val();
        var tempoh_perniagaan = $('input[name="tempoh_perniagaan"]').val();
        var tahap_aktif = $('select[name="tahap_aktif"]').val();
        var ssm_dokumen = $('input[name="ssm_dokumen"]').val();
        var lesen_dokumen = $('input[name="lesen_dokumen"]').val();
        var surat_dokumen = $('input[name="surat_dokumen"]').val();
        $('#m_maklumat_perniagaan_input').html('');
        html =
            '<tr>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + jenis_perniagaan + '" disabled>' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + tempoh_perniagaan + '" disabled>' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + tahap_aktif + '" disabled>' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + ssm_dokumen + '" disabled>' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + lesen_dokumen + '" disabled>' +
                '</td>' +
                '<td>' +
                    '<input type="text" class="form-control m-input" value="' + surat_dokumen + '" disabled>' +
                '</td>' +
            '</tr>';

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

        $('#m_gambar_1').val($('input[name="gambar1"]').val());
        $('#m_gambar_2').val($('input[name="gambar2"]').val());
        $('#m_gambar_3').val($('input[name="gambar3"]').val());
        $('#m_gambar_4').val($('input[name="gambar4"]').val());


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

    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