@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('css')
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            {{ $ipr->display_name }}
                        </h3>
                    </div>
                </div>
            </div>
                
            <form id="permohonan_form" class="m-form m-form--label-align-right" action="{{ url('dun/permohonan/kiss/edit/'.$permohonan->id) }}" method="POST">
                @csrf
                <input type="hidden" name="status" value="{{ $permohonan->status }}">
                <input type="hidden" name="permohanan_id" value="{{ $permohonan->id }}">
                <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 Permohonan:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Status Permohonan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" name="status" disabled>
                                    <option value="" hidden selected>Sila pilih status permohonan</option>
                                    <option value="0" @if($permohonan->status == 0) selected @endif>DITERIMA DAN SEDANG DIPROSES</option>
                                    <option value="1" @if($permohonan->status == 1) selected @endif>DITERIMA DAN SEDANG DIPROSES</option>
                                    <option value="2" @if($permohonan->status == 2) selected @endif>DILULUSKAN</option>
                                    <option value="3" @if($permohonan->status == 3) selected @endif>TIDAK DILULUSKAN</option>
                                    <option value="2" @if($permohonan->status == 4) selected @endif>DISAHKAN</option>
                                    <option value="2" @if($permohonan->status == 5) selected @endif>KAD SEDIA UNTUK DIAMBIL</option>
                                    <option value="2" @if($permohonan->status == 6) selected @endif>KAD SUDAH DIAMBIL</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Peribadi:
                            </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" required  class="form-control m-input" id="namapemohon" name="namapemohon" placeholder="Sila masukan nama" value="{{$profile->nama}}">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>No. Kad Pengenalan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="icpemohon" id="icpemohon" placeholder="Sila masukan no kad pengenalan" value="{{$profile->ic}}" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Jantina:
                            </label>
                            <div class="col-lg-4">
                                <div class="m-radio-list">
                                    <label class="m-radio m-radio--solid m-radio--brand">
                                        <input type="radio" @if($profile->jantina == "lelaki") checked @endif name="jantina" value="lelaki" >
                                        Lelaki
                                        <span></span>
                                    </label>
                                    <label class="m-radio m-radio--solid m-radio--brand">
                                        <input type="radio" @if($profile->jantina == "perempuan") checked @endif name="jantina" value="perempuan" >
                                        Perempuan
                                        <span></span>
                                    </label>
                                </div>
                            </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="number" class="form-control m-input" name="pendapatanpemohon" id="pendapatanpemohon" value="{{ $profile->pendapatan }}" placeholder="Sila masukan pendapatan bulanan" onblur="CastRM(this)" oninput="total(this)">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>No Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input mobilenumber" name="tel_bimbitpemohon" id="tel_bimbitpemohon" value="{{ $profile->tel_bimbit }}" placeholder="Sila masukan no tel bimbit">
                            </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" id="tel_rumahpemohon" value="{{ $profile->tel_rumah }}" placeholder="Sila masukan no tel rumah">
                            </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" data-date="" data-date-format="DD MM YYYY" class="form-control m-input" id="tarikh_lahirpemohon" name="tarikh_lahirpemohon" value="{{ $profile->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="tempat_lahirpemohon" name="tempat_lahirpemohon" value="{{ $profile->tempat_lahir }}" placeholder="Sila masukan tempat lahir">
                            </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:
                            </label>
                            <div class="col-lg-4">
                                <input type="email" class="form-control m-input" id="emailpemohon" name="emailpemohon" value="{{ $profile->email }}" placeholder="Sila masukan emel" onblur="emailFormat()">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Status Perkahwinan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="statusperkahwinanpemohon" name="statusperkahwinanpemohon">
                                    <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                    <option @if($profile->status_perkahwinan == "Bujang") selected @endif value="Bujang">Bujang</option>
                                    <option @if($profile->status_perkahwinan == "Berkahwin") selected @endif value="Berkahwin">Berkahwin</option>
                                    <option @if($profile->status_perkahwinan == "Duda/Janda") selected @endif value="Duda/Janda">Duda/Janda</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>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" @if($profile->warganegara == "true") checked @endif>
                                        Ya
                                        <span></span>
                                    </label>
                                    <label class="m-radio m-radio--solid m-radio--brand">
                                        <input type="radio" name="warganegara" value="false" @if($profile->warganegara == "false") checked @endif>
                                        Tidak
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                            <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="bangsapemohon" name="bangsapemohon" readonly>
                                    <option value="" hidden selected>Sila pilih bangsa</option>
                                    <option @if($profile->bangsa == "Melayu") selected @endif value="Melayu">Melayu</option>
                                    <option @if($profile->bangsa == "Cina") selected @endif value="Cina">Cina</option>
                                    <option @if($profile->bangsa == "India") selected @endif value="India">India</option>
                                    <option @if($profile->bangsa == "Orang Asli") selected @endif value="Orang Asli">Orang Asli</option>
                                    <option @if($profile->bangsa == "Lain-lain") selected @endif 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>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 tempoh tinggal di Selangor">
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Tempat Tinggal:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Alamat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="alamat_1pemohon" name="alamat_1pemohon" value="{{$profile->alamat_1}}" placeholder="Sila masukan alamat">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Poskod:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input poskod" id="poskodpemohon" 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" value="{{$profile->alamat_2}}" id="alamat_2pemohon" name="alamat_2pemohon" 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" value="{{$profile->bandar}}" id="bandar_pemohon" name="bandar_pemohon" 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" value="{{$profile->alamat_3}}" id="alamat_3pemohon"  name="alamat_3pemohon" value="" 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="daerahpemohan" name="daerahpemohan">
                                    <option value="" hidden selected>Sila pilih daerah</option>
                                    <option @if($profile->daerah == "Petaling") selected @endif value="Petaling" >Petaling</option>
                                    <option @if($profile->daerah == "Hulu Langat") selected @endif value="Hulu Langat">Hulu Langat</option>
                                    <option @if($profile->daerah == "Klang") selected @endif value="Klang">Klang</option>
                                    <option @if($profile->daerah == "Gombak") selected @endif value="Gombak">Gombak</option>
                                    <option @if($profile->daerah == "Kuala Langat") selected @endif value="Kuala Langat">Kuala Langat</option>
                                    <option @if($profile->daerah == "Sepang") selected @endif value="Sepang">Sepang</option>
                                    <option @if($profile->daerah == "Kuala Selangor") selected @endif value="Kuala Selangor">Kuala Selangor</option>
                                    <option @if($profile->daerah == "Hulu Selangor") selected @endif value="Hulu Selangor">Hulu Selangor</option>
                                    <option @if($profile->daerah == "Sabak Bernam") selected @endif value="Sabak Bernam">Sabak Bernam</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="negeripemohan" name="negeripemohan">
                                    <option value="" hidden selected>Sila pilih negeri</option>
                                    <option @if($profile->negeri == "Johor") selected @endif value="Johor">Johor</option>
                                    <option @if($profile->negeri == "Kedah") selected @endif value="Kedah">Kedah</option>
                                    <option @if($profile->negeri == "Kelantan") selected @endif value="Kelantan">Kelantan</option>
                                    <option @if($profile->negeri == "Melaka") selected @endif value="Melaka">Melaka</option>
                                    <option @if($profile->negeri == "Negeri Sembilan") selected @endif value="Negeri Sembilan">Negeri Sembilan</option>
                                    <option @if($profile->negeri == "Pahang") selected @endif value="Pahang">Pahang</option>
                                    <option @if($profile->negeri == "Penang") selected @endif value="Penang">Penang</option>
                                    <option @if($profile->negeri == "Perak") selected @endif value="Perak">Perak</option>
                                    <option @if($profile->negeri == "Perlis") selected @endif value="Perlis">Perlis</option>
                                    <option @if($profile->negeri == "Selangor") selected @endif value="Selangor">Selangor</option>
                                    <option @if($profile->negeri == "Terengganu") selected @endif value="Terengganu">Terengganu</option>
                                    <option @if($profile->negeri == "Sabah") selected @endif value="Sabah">Sabah</option>
                                    <option @if($profile->negeri == "Sarawak") selected @endif value="Sarawak">Sarawak</option>
                                    <option @if($profile->negeri == "W.P. Kuala Lumpur") selected @endif value="W.P. Kuala Lumpur">W.P. Kuala Lumpur</option>
                                    <option @if($profile->negeri == "W.P. Labuan") selected @endif value="W.P. Labuan">W.P. Labuan</option>
                                    <option @if($profile->negeri == "W.P. Putrajaya") selected @endif value="W.P. Putrajaya">W.P. Putrajaya</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pendapatan:
                            </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 Pemohon:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">
                                    RM
                                </span> 
                                <input type="number" readonly class="form-control m-input" id="pendapatan_pemohon" name="" placeholder="Sila masukan jumlah pendapatan pemohon" value="{{$profile->pendapatan }}" >
                            </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" name="jenis_pekerjaan" id="jenis_pekerjaan">
                                    <option value="" hidden selected>Sila pilih jenis pekerjaan</option>
                                    <option @if($profile->jenis_pekerjaan == "Sektor Kerajaan") selected @endif value="Sektor Kerajaan">Sektor Kerajaan</option>
                                    <option @if($profile->jenis_pekerjaan == "Sektor Swasta") selected @endif value="Sektor Swasta">Sektor Swasta</option>
                                    <option @if($profile->jenis_pekerjaan == "Bekerja Sendiri") selected @endif value="Bekerja Sendiri">Bekerja Sendiri</option>
                                    <option @if($profile->jenis_pekerjaan == "Pesara") selected @endif value="Pesara">Pesara</option>
                                    <option @if($profile->jenis_pekerjaan == "Tidak Bekerja") selected @endif 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" value="{{$profile->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" value="{{$profile->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($pasangan) ? '': $pasangan->nama}}">
                            </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($pasangan) ? '': $pasangan->ic_pasangan}}">
                            </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" data-date="" data-date-format="DD MM YYYY" id="tarikhlahirpasangan" name="tarikhlahirpasangan" class="form-control m-input" placeholder='Tarikh Lahir:' value="{{is_null($pasangan) ? '': $pasangan->tarikh_lahir}}">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>Negeri Kelahiran/Tempat Lahir
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" id="negerilahirpasangan" name="negerilahirpasangan" placeholder="Sila masukkan negeri lahir pasangan" value="{{is_null($pasangan) ? '': $pasangan->tempat_lahir}}">
                            </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" value="{{is_null($pasangan) ? '': $pasangan->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 @if(!is_null($pasangan) && $pasangan->warganegara == "1") selected @endif value="1">Malaysia</option>
                                    <option @if(!is_null($pasangan) && $pasangan->warganegara == "0") selected @endif value="0">Lain-lain</option>
                                </select>
                                <br>
                                <input type="text" class="form-control m-input" id="warganegarapasanganlainlain" name="warganegarapasanganlainlain" placeholder="Sila masukkan Warganegara" value="{{ is_null($pasangan) ? '' : $pasangan->lain_lain_warganegara}}" style="display: {{ !is_null($pasangan) && $pasangan->warganegara == 0 ? 'block' : 'none'}}">
                            </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 @if(!is_null($pasangan) && $pasangan->bangsa == "Melayu") selected @endif value="Melayu">Melayu</option>
                                    <option @if(!is_null($pasangan) && $pasangan->bangsa == "Cina") selected @endif value="Cina">Cina</option>
                                    <option @if(!is_null($pasangan) && $pasangan->bangsa == "India") selected @endif value="India">India</option>
                                    <option @if(!is_null($pasangan) && $pasangan->bangsa == "Lain-lain") selected @endif value="Lain-lain">Lain-lain</option>
                                    <option @if(!is_null($pasangan) && $pasangan->bangsa == "Orang Asli") selected @endif value="Orang Asli">Orang Asli</option>
                                </select>
                            </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 mobilenumber" id="notelefonbimbitpasangan" name="notelefonbimbitpasangan" placeholder="Sila masukkan no telefon bimbit" value="{{is_null($pasangan) ? '': $pasangan->no_tel_bimbit}}">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">                            
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red"></span>Emel:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" id="emelpasangan" name="emelpasangan" placeholder="Sila masukkan emel" onblur="checkEmail($(this))" value="{{is_null($pasangan) ? '': $pasangan->emel}}">
                            </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" onblur="CastRM(this)" oninput="total(this)" value="{{is_null($pasangan) ? '': $pasangan->pendapatan}}">
                            </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 @if(!is_null($pasangan) && $pasangan->jenis_pekerjaan == "Sektor Kerajaan") selected @endif value="Sektor Kerajaan">Sektor Kerajaan</option>
                                    <option @if(!is_null($pasangan) && $pasangan->jenis_pekerjaan == "Sektor Swasta") selected @endif value="Sektor Swasta">Sektor Swasta</option>
                                    <option @if(!is_null($pasangan) && $pasangan->jenis_pekerjaan == "Bekerja Sendiri") selected @endif value="Bekerja Sendiri">Bekerja Sendiri</option>
                                    <option @if(!is_null($pasangan) && $pasangan->jenis_pekerjaan == "Pesara") selected @endif value="Pesara">Pesara</option>
                                    <option @if(!is_null($pasangan) && $pasangan->jenis_pekerjaan == "Tidak Bekerja") selected @endif 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" value="{{is_null($pasangan) ? '': $pasangan->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" value="{{is_null($pasangan) ? '': $pasangan->no_tel_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>Nama Penuh</th>
                                            <th>No. KP/Sijil Kelahiran</th>
                                            <th>Hubungan</th>
                                            <th>Umur</th>
                                            <th>Pendapatan Bulanan </th>
                                        </tr>
                                    </thead>
                                    <tbody id="tanggungan_input">
                                        @foreach($anaks as $anak)
                                            <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->relation }}">
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control m-input tanggungan_umur" name="tanggungan_umur[]" value="{{ $anak->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" value="{{ $anak->pendapatan }}" name="tanggungan_pendapatan[]" placeholder="Jika ada" onblur="CastRM(this)"  oninput="total(this)">
                                                    </div>
                                                </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="tanggungan_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </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" 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">
                            <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="50%">Dokumen</th>
                                            <th width="25%">Lihat Dokumen</th>
                                            <th width="25%">Muat Naik</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($documents as $document)
                                            <tr>
                                                <td>{{$document['type']}} - </td>
                                                <td>@if($document['filename'] != '') 
                                                    <a target="_blank" href="{{url($document['filename'])}}" title="Click Here">Klik Di Sini</a>
                                                    @else
                                                    Tiada Fail
                                                    @endif
                                                </td>
                                                <td><input class="form-control m-input" required type="hidden" name="dokumen[]" value="{{$document['id']}}"><input class="form-control m-input" required type="file" name="dokumen_1"></td>
                                            </tr>
                                        @endforeach
                                    </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-8">       
                            </div>
                            <div class="col-lg-4">    
                                @if(Auth::user()->Roles[0]['name'] == 'super_admin' || Auth::user()->Roles[0]['name'] == 'dun')
                                    @if($permohonan->status == 0 || $permohonan->status == 1 && $permohonan->status_dun == 1 )

                                     <label for="status">Kemaskini Status:</label>
                                    <div class="form-check">
                                      <label class="form-check-label" for="radio1">
                                        <input type="radio" class="form-check-input" id="radio1" name="optradio" value="option1" onclick="approve({{$permohonan->id}})"> 
                                        <div class="ml-3">Diluluskan</div>
                                        <span></span>
                                      </label>
                                    </div>
                                    <br>
                                    <div class="form-check">
                                      <label class="form-check-label" for="radio2">
                                        <input type="radio" class="form-check-input" id="radio2" name="optradio" value="option2" onclick="reject({{$permohonan->id}})"> 
                                        <div class="ml-3">Tidak Diluluskan</div>
                                        <span></span>
                                      </label>
                                    </div>
                                    <br>

                                    @elseif($permohonan->status_dun == 2 && $permohonan->status_admin == 4 )
                                    <label for="status">Kemaskini Status Kad:</label>

                                    <!-- <div>
                                        <tr>
                                            <td>
                                                <textarea name="catatan_dun" id="catatan_dun" cols="40" rows="4" placeholder="Sila masukkan catatan keputusan"></textarea>
                                            </td>
                                        </tr>
                                    </div> -->

                                    <div class="m-radio-list">  
                                        <!-- <label class="m-radio m-radio--solid m-radio--brand"> -->
                                            <button type="button"  class="btn btn-success mb-2" onclick="readytoCollect({{$permohonan->id}})">
                                            KAD Sudah Diambil
                                            <span></span>
                                        <!-- </label> -->
                                    </div>
                                    @endif
                                @endif
                                <button type="button" class="btn btn-primary" onclick="submitForm()">
                                    Kemaskini Borang
                                </button>
                                                              
                                <button type="reset" class="btn btn-dark"  onclick="window.location='{{ url('dun/permohonan/kiss') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="rejectreasonModal" tabindex="-1" role="dialog" aria-hidden="true" aria-labelledby="rejectreasonModallbl" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog" role="document" style="">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="rejectreasonModallbl">
                    Pilih Kenyataan <br>
                </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="form-group m-form__group row">                            
                    <div class="col-lg-12">
                        <form method="post" action="{{ url('dun/permohonan/kiss/reject/'.$permohonan->id) }}" id="rejectfrom">
                            @csrf
                            <input type="hidden" id="rejectpermohananid" name="rejectpermohananid" />
                            <select class="form-control m-input" id="rejectreason" name="rejectreason" >
                                <option value="" hidden selected>Sila Pilih alasannya</option>
                                <option value="Dokumen Tidak Lengkap">Dokumen Tidak Lengkap</option>
                                <option value="Bukan Pengundi di DUN Berdaftar">Bukan Pengundi di DUN Berdaftar</option>
                                <option value="Tidak Memenuhi Kriteria Program">Tidak Memenuhi Kriteria Program</option>
                            </select>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal-footer" id="">
                <div id="" style="margin-left: 2rem;left: 0;position: absolute;"></div>
                    <button type="button" id="rejectapplicationsubmitbtn" class="btn btn-primary" data-dismiss="modal">
                        Hantar
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    function approve(permohananid)
    {
        $.confirm({
            title: 'Kemaskini Permohonan?',
            content: 'Anda pasti untuk teruskan?',
            icon: 'fa fa-spinner fa-spin',
            type: 'green',
            buttons: {
                kemaskini: {
                    btnClass: 'btn-green',
                    action: function() {
                        $url = '/dun/permohonan/kiss/approve/'+permohananid;
                        window.location.replace($url);
                    }
                },
                kembali: {
                    btnClass: 'btn-gray',
                    action: function() {
                    }
                }
            }
        });
    }

    function readytoCollect(permohananid)
    {
        $.confirm({
            title: 'Kemaskini Permohonan?',
            content: 'Anda pasti untuk teruskan?',
            icon: 'fa fa-spinner fa-spin',
            type: 'green',
            buttons: {
                kemaskini: {
                    btnClass: 'btn-green',
                    action: function() {
                        $url = '/dun/permohonan/kiss/readytoCollect/'+permohananid;
                        window.location.replace($url);
                    }
                },
                kembali: {
                    btnClass: 'btn-gray',
                    action: function() {
                    }
                }
            }
        });
    }
    
    
    function reject(permohananid)
    {
        //$("#maklumat_permohonan").removeClass("fade").modal("hide");
        $("#rejectreasonModal").modal("show");      
        $("#rejectpermohananid").val(permohananid);
    }



    $('#rejectapplicationsubmitbtn').click(function(){
        //alert("Status Permohonan Dikemas kini");
        $('#rejectreasonModal').hide();
        $.confirm({
            title: 'Permohonan Tidak Diluluskan?',
            content: 'Anda pasti untuk teruskan?',
            icon: 'fa fa-spinner fa-spin',
            type: 'green',
            buttons: {
                "Tidak Diluluskan": {
                    btnClass: 'btn-green',
                    action: function() {
                        $('#rejectfrom').submit();
                    }
                },
                kembali: {
                    btnClass: 'btn-red',
                    action: function() {
                    }
                }
            }
        });
    });

    total();
    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 tanggungan_add() {
        var html = 
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" name="tanggungan_nama[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input dobcertid" name="dobcertid[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" name="tanggungan_hubungan[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input tanggungan_umur" 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" id="tanggungan_pendapatan" name="tanggungan_pendapatan[]" placeholder="Jika ada" onblur="CastRM(this)" oninput="total(this)"></div>'+
                '</td>'+
                '<td>'+
                    '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="tanggungan_delete($(this))">'+
                        '<span>'+
                            '<i class="la la-trash-o"></i>'+
                            '<span>Padam</span>'+
                        '</span>'+
                    '</div>'+
                '</td>'+
            '</tr>';
        $('#tanggungan_input').append(html);
        assign_js();
    }
    function tanggungan_delete(x) {
        x.closest('tr').remove();
        total();
    }
    $(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 = $('#jenispekerjaanpasangan').val();
        if($jenispekerjaanpasangan == "Sektor Kerajaan" || $jenispekerjaanpasangan == "Sektor Swasta")
        {
            $("#notelefonmajikanpasangan, #notelefonmajikanpasanganlbl, #namamajikanpasangan, #namamajikanpasanganlbl").show('slow');
            
        }
        else{
            $("#notelefonmajikanpasangan, #notelefonmajikanpasanganlbl, #namamajikanpasangan, #namamajikanpasanganlbl").hide('slow');
        }

        $jenis_pekerjaan = $('#jenis_pekerjaan').val();
        if($jenis_pekerjaan == "Sektor Kerajaan" || $jenis_pekerjaan == "Sektor Swasta")
        {
            $('#nama_majikan, #nama_majikanlbl, #no_tel_majikan, #no_tel_majikanlbl').show('slow');
        }
        else{
            $('#nama_majikan, #nama_majikanlbl, #no_tel_majikan, #no_tel_majikanlbl').hide('slow');
        }
        
        $('#statusperkahwinanpemohon').change(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');
                $("#notelefonmajikanpasangan").val('');
                $("#namamajikanpasangan").val('');     
            }
        });
        $('#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');
            }
            else{
                $('#nama_majikan, #nama_majikanlbl, #no_tel_majikan, #no_tel_majikanlbl').hide('slow');
                $("#no_tel_majikan").val('');
                $("#nama_majikan").val('');  
            }
        });
        $('#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');
            }
        });

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

    });

    function submitForm() {     
        $kidsisEligible = true;
        var input = $('#permohonan_form .tanggungan_umur') ;        
        if(input.length > 0){
            $kidsisEligible = false;
            $("#permohonan_form .tanggungan_umur").each(function()
            {
                if($.isNumeric($(this).val()) && $(this).val() > 0 && $(this).val() < 21)
                {
                    $kidsisEligible = true;            
                }
                else{
                    $kidsisEligible = false; 
                    return false;
                }
            });
        }
        if($kidsisEligible)
        {
            $.confirm({
                title: 'Kemaskini Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    kemaskini: {
                        btnClass: 'btn-green',
                        action: function() {
                            $('#permohonan_form').submit();
                        }
                    },
                    kembali: {
                        btnClass: 'btn-red',
                        action: function() {
                        }
                    }
                }
            });
        }
        else{
            error("Umur Anak hendaklah kurang daripada 21 tahun");
            return;
        }

        function error($msg) {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: $msg,
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
        }        
    }


    function checkDuplicate(x,y) {
        if(x) {            
            // if email type wakil then no duplicate check            
            var ic_type = 1;
            var data = {
                ic_type: ic_type,
                _token: '{{ csrf_token() }}',
                field: y,
                value: x
            }
            $('.loading_'+y).show();
            $('.exist_'+y).hide();
            $('.length_'+y).hide();
            $('.success_'+y).hide();

            $.ajax({
                url: '{{ url('admin/permohonan/kiss/check') }}',
                type: 'POST',
                data: data,
                success: function(response) {
                    if(response.status == 'error') {
                        $('.exist_'+y).show();
                        // $('input[name="'+y+'"]').focus();
                    } else if(response.status == 'length') {
                        $('.length_'+y).show();
                        // $('input[name="'+y+'"]').focus();
                    } else {
                        $('.success_'+y).show();
                    }
                    $('.loading_'+y).hide();
                },
                error: function(response) {
                    $.alert({
                        type: 'red',
                        title: 'Whoops, server error!',
                        content: 'Please try again or contact system admin.',
                        typeAnimated: true,
                        icon: 'fa fa-warning',
                        columnClass: 'col-md-6 col-md-offset-3',
                    });
                }
            });
            
        } else {
            $('.loading_'+y).hide();
            $('.exist_'+y).hide();
            $('.digit_'+y).hide();
            $('.success_'+y).hide();
            $('.length_'+y).hide();
        }
    }

    function emailFormat() {
        $('.loading_email').hide();
        $('.success_email').hide();
        $('.format_email').hide();
        $('.exist_email').hide();

        if ($('input[name="emailpemohon"]').val() != '') {
            var format_email = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

            if($('input[name="emailpemohon"]').val().match(format_email)) {
                $('.format_email').hide();
                checkDuplicate($('input[name="emailpemohon"]').val(), 'email');
            } else if($('input[name="emailpemohon"]').val() == '') {
                $('.format_email').hide();
            } else {
                $('.format_email').show();
                $('input[name="emailpemohon"]').focus();
            }
        }
    }

    function checkEmail(x) {
        var format_email = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

        x.next().remove();

        if(x.val().match(format_email)) {
            x.next().remove();
        } else if(x.val() == '') {
            x.next().remove();
        } else {
            x.after("<small style='color: #f4516c'>Sila masukkan format emel yang betul.</small>");
            x.focus();
        }
    }
</script>
@endsection