@extends('layouts.app')

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

@section('content')
<div class="row">
    <div class="col-lg-10">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide"><i class="la la-gear"></i></span>
                        <h3 class="m-portlet__head-text">{{ $ipr->display_name }}</h3>
                    </div>
                </div>
            </div>
            <form id="kiss_form" enctype="multipart/form-data" class="m-form m-form--label-align-right" action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <div class="m-portlet__body" id="kissfrmrkyat">
                    <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading"><h3 class="m-form__heading-title">Maklumat Adun:</h3></div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-4 col-form-label">Pejabat Ahli Dewan Negeri atau Pejabat Penyelaras Ahli Dewan Negeri:</label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="adun" name="adun">
                                    <option value="" hidden selected>Sila pilih adun</option>
                                    @foreach (App\Adun::orderBy('id', 'ASC')->get() as $adun)
                                    <option value="{{ $adun->id }}">{{ $adun->nama }}</option>
                                    @endforeach
                                </select>
                                <label class="col-lg-12 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>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">Maklumat Peribadi:</h3></div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Nama:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" name="namapemohon" placeholder="Sila masukan nama" value="{{ Auth::user()->name }}" readonly></div>
                            <label class="col-lg-2 col-form-label">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 }}">
                                    <option value="1">No. K/P</option>
                                    <option value="2">No. Tentera</option>
                                    <option value="3">No. Polis</option>
                                </select>
                                <input type="text" class="form-control m-input" name="icpemohon" placeholder="Sila masukan No. Identiti" value="{{ Auth::user()->username }}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Jantina:</label>
                            <div class="col-lg-4">
                                <div class="m-radio-list">
                                    <label class="m-radio m-radio--solid m-radio--brand"><input type="radio" name="jantina" value="lelaki" {{$profile->jantina == 'lelaki' ? 'checked' : 'disabled'}}>Lelaki<span></span></label>
                                    <label class="m-radio m-radio--solid m-radio--brand"><input type="radio" name="jantina" value="perempuan" {{$profile->jantina == 'perempuan' ? 'checked' : 'disabled'}}>Perempuan<span></span></label>
                                </div>
                            </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="number" class="form-control m-input" id="pendapatanpemohon" name="pendapatanpemohon" onblur="CastRM(this)" value="{{$profile->pendapatan }}" placeholder="Sila masukan pendapatan bulanan" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">No Telefon Bimbit:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input mobilenumber" name="tel_bimbitpemohon" value="{{ $profile->tel_bimbit }}" placeholder="Sila masukan no tel bimbit" 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 mobilenumber" name="tel_rumahpemohon" value="{{ $profile->tel_rumah }}" placeholder="Sila masukan no tel rumah" 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="" name="tarikh_lahirpemohon" value="{{ $profile->tarikh_lahir }}" placeholder="Sila pilih tarikh lahir" readonly></div>
                            <label class="col-lg-2 col-form-label">Negeri Kelahiran/Tempat Lahir:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="tempat_lahir" name="tempat_lahirpemohon" value="{{ $profile->tempat_lahir }}" placeholder="Sila masukan tempat lahir" 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="email" class="form-control m-input" id="email" name="emailpemohon" value="{{ Auth::user()->email }}" placeholder="Sila masukan emel" readonly></div>
                            <label class="col-lg-2 col-form-label">Status Perkahwinan:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="statusperkahwinanpemohon" name="status_perkahwinanpemohon" 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">Warganegara:</label>
                            <div class="col-lg-4">
                                <div class="m-radio-list">
                                    <label class="m-radio m-radio--solid m-radio--brand"><input type="radio" name="warganegara" value="true" checked>Ya<span></span></label>
                                    <label class="m-radio m-radio--solid m-radio--brand"><input type="radio" name="warganegara" value="false">Tidak<span></span></label>
                                </div>
                            </div>
                            <label class="col-lg-2 col-form-label">Bangsa:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="bangsapemohon" name="bangsapemohon" value="{{ $profile->bangsa }}" placeholder="Sila masukan bangsa" readonly></div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Tempoh Tinggal di Selangor</label>
                            <div class="col-lg-4"><input type="number" class="form-control m-input" id="tempoh_tinggal_di_selangor_pemohan" name="tempoh_tinggal_di_selangor_pemohan" value="{{ $profile->tempoh_mastautin }}" placeholder="Sila masukan emel" readonly></div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading"><h3 class="m-form__heading-title">Maklumat Tempat Tinggal:</h3></div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Alamat:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" name="alamat_1pemohon" value="{{ $profile->alamat_1 }}" placeholder="Sila masukan alamat"></div>
                            <label class="col-lg-2 col-form-label">Poskod:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input poskod" id="poskod" value="{{ $profile->poskod }}" name="poskodpemohon" placeholder="Sila masukan poskod"></div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"></label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" name="alamat_2pemohon" 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="bandarpemohan" id="bandarpemohan" value="{{$profile->bandar ?? ''}}" placeholder="Sila masukan bandar" readonly></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_3pemohon" 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="daerahpemohan" id="daerahpemohan" value="{{$profile->daerah ?? ''}}" placeholder="Sila masukan daerah" readonly></div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Negeri:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" name="negeripemohan" id="negeripemohan" value="{{$profile->negeri ?? ''}}" placeholder="Sila masukan negeri" readonly></div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">Maklumat Pendapatan:</h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Jumlah Pendapatan Pemohon:</label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">RM</span>
                                <input type="number" class="form-control m-input" id="pendapatan_pemohon" name="pendapatan_pemohon" onblur="CastRM(this)" value="{{ $profile->pendapatan }}" placeholder="Sila masukan jumlah pendapatan pemohon" readonly>
                            </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 m-input" id="jenis_pekerjaan" name="jenis_pekerjaan">
                                    <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                                    <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>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label" id="nama_majikanlbl"><span style="color: red">* </span>Nama Majikan:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="nama_majikan" name="nama_majikan" placeholder="Sila masukan nama majikan"></div>
                            <label class="col-lg-2 col-form-label" id="no_tel_majikanlbl"><span style="color: red">* </span>No. Telefon Majikan:</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input mobilenumber" id="no_tel_majikan" name="no_tel_majikan" placeholder="Sila masukan no tel majikan">
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed" id="maklumatpasanganline"></div>
                    <div class="m-form__section m-form__section--middle" id="maklumatpasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">Maklumat Pasangan:</h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Nama:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="namapasangan" name="namapasangan"  placeholder="Sila masukkan nama" value="{{is_null($pasangans) ? '' : $pasangans->nama}}" readonly></div>
                            <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"><input type="text" class="form-control m-input" id="nokadpengenalanpasangan" name="nokadpengenalanpasangan"   placeholder="Sila masukkan no kad pengenalan" value="{{is_null($pasangans) ? '' : $pasangans->ic_pasangan}}" readonly></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="text" class="form-control m-input" id="tarikh_lahir" name="tarikhlahirpasangan" value="{{is_null($pasangans) ? '' : $pasangans->tarikh_lahir}}" placeholder="Sila pilih tarikh lahir"></div>
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Negeri Kelahiran/Tempat Lahir</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="negerilahirpasangan" name="negerilahirpasangan" placeholder="Sila masukkan negeri lahir pasangan" ></div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Tempoh Tinggal di Selangor:</label>
                            <div class="col-lg-4"><input type="number" class="form-control m-input" id="tempohtinggaldiselangorpasangan" name="tempohtinggaldiselangorpasangan" placeholder="Sila masukkan tempoh tinggal di Selangor" ></div>
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Warganegara:</label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="warganegarapasangan" name="warganegarapasangan">
                                    <option value="" hidden selected>Sila pilih</option>
                                    <option value="1">Malaysia</option>
                                    <option value="0">Lain-lain</option>
                                </select>
                                <input type="text" class="form-control m-input hidethis" id="warganegarapasanganlainlain" name="warganegarapasanganlainlain" placeholder="Sila masukkan Warganegara" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Bangsa:</label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="statusbangsapasangan" name="statusbangsapasangan" >
                                    <option value="" hidden selected>Sila pilih bangsa</option>
                                    <option value="Melayu">Melayu</option>                                
                                    <option value="Cina">Cina</option>
                                    <option value="India">India</option>
                                    <option value="Lain-lain">Lain-lain</option>
                                    <option value="Orang Asli">Orang Asli</option>
                                </select>
                            </div>
                            <label class="col-lg-2 col-form-label">No Telefon Bimbit:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input mobilenumber" id="notelefonbimbitpasangan" name="notelefonbimbitpasangan" placeholder="Sila masukkan no telefon bimbit" value="{{is_null($pasangans) ? '' : $pasangans->no_tel_bimbit}}" readonly></div>
                        </div>
                        <div class="form-group m-form__group row">                            
                            <label class="col-lg-2 col-form-label">Emel:</label>
                            <div class="input-group m-input-group col-lg-4"><input type="text" class="form-control m-input" id="emelpasangan" name="emelpasangan" placeholder="Sila masukkan emel"  value="{{is_null($pasangans) ? '' : $pasangans->emel}}" readonly></div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed" id="maklumatpendapatanpasanganonline"></div>
                    <div class="m-form__section m-form__section--middle" id="maklumatpendapatanpasangan">
                        <div class="m-form__heading"><h3 class="m-form__heading-title">Maklumat Pendapatan Pasangan:</h3></div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Jumlah Pendapatan:</label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">RM</span>
                                <input type="number" class="form-control m-input tanggungan_pendapatan" id="jumlahpendapatanpasangan" name="jumlahpendapatanpasangan" placeholder="Sila masukan pendapatan bulanan" value="{{is_null($pasangans) ? '' : $pasangans->pendapatan}}" onblur="CastRM(this)" readonly oninput="total(this)">
                            </div>
                            <label class="col-lg-2 col-form-label"><span style="color: red">* </span>Jenis Pekerjaan:</label>
                            <div class="input-group m-input-group col-lg-4">
                                <select class="form-control m-input" id="jenispekerjaanpasangan" name="jenispekerjaanpasangan" >
                                    <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                                    <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>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label" id="namamajikanpasanganlbl"><span style="color: red">* </span>Nama Majikan:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input" id="namamajikanpasangan" name="namamajikanpasangan" placeholder="Sila masukan nama majikan"></div>
                            <label class="col-lg-2 col-form-label" id="notelefonmajikanpasanganlbl"><span style="color: red">* </span>No Telefon Majikan:</label>
                            <div class="col-lg-4"><input type="text" class="form-control m-input mobilenumber" id="notelefonmajikanpasangan" name="notelefonmajikanpasangan" placeholder="Sila masukan no telefon majikan"></div>  
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed" id="maklumattanggunggananakpemohonline"></div>
                    <div class="m-form__section m-form__section--middle" id="maklumattanggunggananakpemohon">
                        <div class="m-form__heading"><h3 class="m-form__heading-title">Maklumat Anak-anak/Tanggungan: <br><small><i>(berumur kurang daripada 21 Tahun)</i></small></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 Penuh</th>
                                            <th><span style="color: red">* </span>No. KP/Sijil Kelahiran</th>
                                            <th><span style="color: red">* </span>Hubungan</th>
                                            <th><span style="color: red">* </span>Umur</th>
                                            <th><span style="color: red">* </span>Pendapatan Bulanan </th>
                                        </tr>
                                    </thead>
                                    <tbody id="tanggungan_input">
                                        @foreach($anaks as $anak)
                                            @php
                                                if (is_null($anak->tarikh_lahir)) {
                                                    $age = "";
                                                } else {
                                                    $from = new DateTime($anak->tarikh_lahir);
                                                    $to   = new DateTime('today');
                                                    $age = $from->diff($to)->y;
                                                }
                                            @endphp
                                            @if($age < 21)
                                            <tr>
                                                <td><input type="text" class="form-control m-input" name="tanggungan_nama[]" value="{{ $anak->nama }}" readonly></td>
                                                <td><input type="text" class="form-control m-input dobcertid" name="dobcertid[]" value="{{ $anak->ic_anak }}" readonly></td>
                                                <td><input type="text" class="form-control m-input" name="tanggungan_hubungan[]" value="Anak"></td>
                                                <td><input type="number" class="form-control m-input tanggungan_umur" value="{{$age}}" name="tanggungan_umur[]"></td>
                                                <td>
                                                    <div class="input-group m-input-group col-lg-12">
                                                        <span class="input-group-addon">RM</span>
                                                        <input type="number" class="form-control m-input tanggungan_pendapatan" name="tanggungan_pendapatan[]" placeholder="Jika ada" onblur="CastRM(this)"  oninput="total(this)" value="0">
                                                    </div>
                                                </td>
                                            </tr>
                                            @endif
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading"><h3 class="m-form__heading-title">Jumlah Pendapatan Keseluruhan <br> Isi Rumah:</h3></div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Jumlah Pendapatan:</label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">RM</span>
                                <input type="text" class="form-control m-input" id="pendapatan_isi_rumah" name="pendapatan_isi_rumah" placeholder="Sila masukan jumlah pendapatan isi rumah" onblur="CastRM(this)" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--last">
                        <div class="m-form__heading" id="documents"><h3 class="m-form__heading-title">Senarai Semak Dokumen:</h3></div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th width="70%">Dokumen</th>
                                            <th width="30%">Muat Naik</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><span style="color: red">* </span>1. Salinan Kad Pengenalan<br/><i class="font-weight-light text-dark">(Pemohon/dan Suami)</i></td>
                                            <td>
                                                <input class="form-control m-input" required type="file" name="dokumen_1">
                                                <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan" name="dokumen_1title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>2. Salinan Kad Pengenalan, MyKid atau Surat Kelahiran<br/><i class="font-weight-light text-dark">(Anak-Anak/Tanggungan)</i></td>
                                            <td>
                                                <input class="form-control m-input" type="file" name="dokumen_2">
                                                <input class="form-control m-input" type="hidden" value="Salinan Kad Pengenalan, MyKid atau Surat Kelahiran" name="dokumen_2title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>3. Salinan Slip Gaji/Pencen (untuk penjawat awam/pesara)<br/><i class="font-weight-light text-dark">(Pemohon/dan Suami)</i></td>
                                            <td>
                                                <input class="form-control m-input" type="file" name="dokumen_3">
                                                <input class="form-control m-input" type="hidden" value="Salinan Slip Gaji/Pencen (untuk penjawat awam/pesara)" name="dokumen_3title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>4. Salinan Penyata EA* atau KWSP* (untuk pekerja swasta)<br/><i class="font-weight-light text-dark">(Pemohon/dan Suami)</i></td>
                                            <td>
                                                <input class="form-control m-input" type="file" name="dokumen_4">
                                                <input class="form-control m-input" type="hidden" value="Salinan Penyata EA* atau KWSP* (untuk pekerja swasta)" name="dokumen_4title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>5. Salinan Sijil Kematian/Bercerai (untuk ibu tunggal)<br/><i class="font-weight-light text-dark">(Pemohon)</i></td>
                                            <td>
                                                <input class="form-control m-input" type="file" name="dokumen_5">
                                                <input class="form-control m-input" type="hidden" value="Salinan Sijil Kematian/Bercerai (untuk ibu tunggal)" name="dokumen_5title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><span style="color: red">* </span>6. Bukti penerima BSH bagi kategori pendapatan bawah RM2,000.00 atau bukti tersenarai sebagai golongan miskin/miskin tegar dalam pengkalan data eKasih<br/><i class="font-weight-light text-dark">(Pemohon)</i></td>
                                            <td>
                                                <input class="form-control m-input" required type="file" name="dokumen_6">
                                                <input class="form-control m-input" type="hidden" value="Bukti penerima BSH bagi kategori pendapatan bawah RM2,000.00 atau bukti tersenarai sebagai golongan miskin/miskin tegar dalam pengkalan data eKasih" name="dokumen_6title">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><span style="color: red">* </span>7. Salinan Bukti Pemilih Berdaftar Di Selangor<br/><i class="font-weight-light text-dark">(Pemohon)</i></td>
                                            <td>
                                                <input class="form-control m-input" required type="file" name="dokumen_7">
                                                <input class="form-control m-input" type="hidden" value="Salinan Bukti Pemilih Berdaftar Di Selangor" name="dokumen_7title">
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="validate()">Hantar</button>
                                <a href="{{ url('cluster/kebajikan') }}" type="reset" class="btn btn-secondary">Kembali</a>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">Rumusan Permohonan <br><small><i>Tarikh Permohonan: <span id="m_tarikh_permohonan">{{date('Y-m-d h:i:s')}}</span></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--end">
                    <div class="form-group m-form__group copyform"></div>
                    <div class="form-group m-form__group">
                        <div class="col-md-12">
                        <h5 style="color: #f4516c">Perakuan Pemohon:</h5>
                        <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. Program Kasih Ibu Smart Selangor dan SELCARE Management Sdn. Bhd. memberi keutamaan dalam hal melindungi data peribadi anda dan memastikan ianya terpelihara dengan mengambil langkah tertentu seperti yang termaktub di dalam akta tersebut.  Maklumat lanjut berkenaan kenapa, apa dan bagaimana pengumpulan maklumat dan penggunaannya dijelaskan didalam pernyataan privasi kami.  Dengan mengemukakan dan menyediakan maklumat kepada kami di dalam borang pendaftaran ini, anda membenarkan penggunaan maklumat peribadi yang dikumpulkan untuk memberikan perkhidmatan kami, mengikut cara dan tujuan yang dinyatakan dalam nota privasi kami.  Sila rujuk kepada nota privasi kami di laman web kiss.com.my untuk maklumat lanjut.</div>
                        <label class="m-checkbox m-checkbox--success"><input type="checkbox" required 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 mengaku bahawa segala maklumat di atas adalah BENAR. Sekiranya didapati TIDAK BENAR, Program Kasih Ibu Smart Selangor berhak menarik balik bantuan yang telah diluluskan.</div>
                            <label class="m-checkbox m-checkbox--success"><input type="checkbox" required 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="return submitForm()">Hantar</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Kemaskini</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    var total_pendapatan = [];

    $(document).ready(() => {
        $('.hidethis').hide('slow');
        $('#pendapatanpemohon').val(parseFloat($('#pendapatanpemohon').val()).toFixed(2) );
        $('#pendapatan_pemohon').val(parseFloat($('#pendapatan_pemohon').val()).toFixed(2) );
        $('#jumlahpendapatanpasangan').val(parseFloat($('#jumlahpendapatanpasangan').val()).toFixed(2) );
        
        $('#warganegarapasangan').change(function(){
            if($('#warganegarapasangan').val() == 0) {
                $('#warganegarapasanganlainlain').show('slow');
            } else {
                $('#warganegarapasanganlainlain').hide('slow');
            }
        });
        total();

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

    });

    $(document).ready(function(){
        $statusperkahwinanpemohon = $('#statusperkahwinanpemohon').val();
        if ( $statusperkahwinanpemohon == 'Berkahwin') {
            $("#maklumatpasangan,#maklumatpendapatanpasangan, #maklumattanggunggananakpemohon, #maklumatpasanganline, #maklumatpendapatanpasanganonline, #maklumattanggunggananakpemohonline").show('slow');
        } else if ($statusperkahwinanpemohon == 'Duda/Janda') {
            $("#maklumattanggunggananakpemohon, #maklumattanggunggananakpemohonline").show('slow');
            $("#maklumatpasangan, #maklumatpendapatanpasangan, #maklumatpasanganline, #maklumatpendapatanpasanganonline").hide('slow')
        } else {
            $("#maklumatpasangan, #maklumatpendapatanpasangan, #maklumattanggunggananakpemohon, #maklumatpasanganline, #maklumatpendapatanpasanganonline, #maklumattanggunggananakpemohonline").hide('slow')
        }

        $('#jenispekerjaanpasangan').change(function(){
            $val = $('#jenispekerjaanpasangan').val();
            if ($val == "Sektor Kerajaan" || $val == "Sektor Swasta") {
                $("#notelefonmajikanpasangan, #notelefonmajikanpasanganlbl, #namamajikanpasangan, #namamajikanpasanganlbl").show('slow');
            } else {
                $("#notelefonmajikanpasangan, #notelefonmajikanpasanganlbl, #namamajikanpasangan, #namamajikanpasanganlbl").hide('slow');                
            }
        });

        $('#jenis_pekerjaan').change(function() {
            $val = $('#jenis_pekerjaan').val();
            if ($val == "Sektor Kerajaan" || $val == "Sektor Swasta") {
                $('#nama_majikan, #nama_majikanlbl, #no_tel_majikan, #no_tel_majikanlbl').show('slow');
                document.getElementById("no_tel_majikan").value = "";
                document.getElementById("nama_majikan").value = "";
            } else {
                $('#nama_majikan, #nama_majikanlbl, #no_tel_majikan, #no_tel_majikanlbl').hide('slow');
                document.getElementById("no_tel_majikan").value = "0";
                document.getElementById("nama_majikan").value = "Tiada";
            }
        });
    });

    $("#tarikh_lahir").daterangepicker({
        todayHighlight: !0,
        showDropdowns: true,
        singleDatePicker: !0,
        locale: { format: 'YYYY-MM-DD' },
        minDate: new Date('1900/12/01'),
        maxDate: new Date('2025/12/31'),
    });

    function assign_js() {
        $(".tanggungan_ic").inputmask({
            mask: "9999999999999",
            placeholder: ""
        });

        $('.tanggungan_umur').inputmask({
            mask: "999",
            placeholder: ""
        });
    }

    function total() {
        var sum = 0;
        $('.tanggungan_pendapatan').each(function(){ sum += +$(this).val(); });

        var total = parseFloat(sum) + parseFloat($('#pendapatan_pemohon').val());
        return $('#pendapatan_isi_rumah').val(total.toFixed(2));
    }

    function CastRM(event) {
        event.value = parseFloat(event.value).toFixed(2);
        if (event.id == "pendapatanpemohon") { $('#pendapatan_pemohon').val(event.value); }
    }

    function validate() {
        $pass = false;
        if ($('input[name="namapemohon"]').val() == ''
            || $('select[name="adun"] option:selected').val() == ''
            || $('input[name="icpemohon"]').val() == ''
            || $('input[name="tel_bimbit"]').val() == ''
            || $('input[name="alamat_1pemohon"]').val() == ''
            || $('input[name="bandarpemohan"]').val() == ''
            || $('input[name="daerahpemohan"]').val() == ''
            || $('select[name="jenis_pekerjaan"] option:selected').val() == ''
            || $('input[name="nama_majikan"]').val() == ''
            || $('input[name="no_tel_majikan"]').val() == ''
            || $('input[name="dokumen_1"]').val() == ''
            || $('input[name="dokumen_6"]').val() == ''
            || $('input[name="dokumen_7"]').val() == ''
            ) {
            $pass = false;
        }

        if ($('input[name="status_perkahwinanpemohon"]').val() == 'Berkahwin' && (
            $('input[name="namapasangan"]').val() == ''
            || $('input[name="nokadpengenalanpasangan"]').val() == ''
            || $('input[name="tarikhlahirpasangan"]').val() == ''
            || $('input[name="negerilahirpasangan"]').val() == ''
            || $('input[name="tempohtinggaldiselangorpasangan"]').val() == ''
            || $('select[name="warganegarapasangan"] option:selected').val() == ''
            || $('select[name="statusbangsapasangan"] option:selected').val() == ''
            || $('select[name="jenispekerjaanpasangan"] option:selected').val() == '')) {
            $pass = false;
        } else {
            $pass = true;
        }

        $kidsisEligible = false;
        var input = $('#kiss_form .tanggungan_umur');
        if (input.length > 0) {
            $("#kiss_form .tanggungan_umur").each(function() {
                if ($.isNumeric($(this).val()) && $(this).val() > 0 && $(this).val() < 21) {
                    $kidsisEligible = true;            
                } else {
                    $kidsisEligible = false; 
                    return false;
                }
            });
        }

        if ($kidsisEligible && $pass) {
            showRumusan();
        } else {
            error("Sila semak semula");
            return;
        }

        function error($msg) {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: $msg,
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
        }
    }
    function showRumusan() {
        $("#rumusan_permohonan .modal-body .copyform" ).empty();
        $("#kissfrmrkyat").clone().prependTo( "#rumusan_permohonan .modal-body .copyform" );
        
        $("#rumusan_permohonan .modal-body .copyform #adun"). val($('#kiss_form #adun').val());
        $("#rumusan_permohonan .modal-body .copyform #jenis_pekerjaan"). val($('#kiss_form #jenis_pekerjaan').val());
        $("#rumusan_permohonan .modal-body .copyform #warganegarapasangan"). val($('#kiss_form #warganegarapasangan').val());
        $("#rumusan_permohonan .modal-body .copyform #statusbangsapasangan"). val($('#kiss_form #statusbangsapasangan').val());
        $("#rumusan_permohonan .modal-body .copyform #jenispekerjaanpasangan"). val($('#kiss_form #jenispekerjaanpasangan').val());

        $('.copyform input, .copyform radio, .copyform select').attr('disabled', 'disabled');
        $('#rumusan_permohonan').modal('show');
    }

    function submitForm() {
        if ($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            error();
        } else {
            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: { btnClass: 'btn-green', action: function() { $('#kiss_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