@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-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="permohonan_form" class="m-form m-form--label-align-right" action="{{ url('admin/permohonan/baucer/edit/'.$permohonan_baucer->id) }}" method="POST">
                @csrf

                <input type="hidden" name="status" value="{{ $permohonan_baucer->status }}">
                <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_baucer->status == 0) selected @endif>DITERIMA DAN SEDANG DIPROSES</option>
                                    <option value="1" @if($permohonan_baucer->status == 1) selected @endif>DITERIMA DAN SEDANG DIPROSES</option>
                                    <option value="2" @if($permohonan_baucer->status == 2) selected @endif>DISEMAK</option>
                                    <option value="3" @if($permohonan_baucer->status == 3) selected @endif>GAGAL</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle maklumatadun">
                     <div class="m-form__heading">
                        <h3 id="maklumatadun" 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">
                        <span style="color: red">* </span>
                        Adun Dewan Undangan Negeri(ADUN):
                        </label>
                        <div class="col-lg-4">
                            <select class="form-control m-input" id="pemohon_dun_id" name="pemohon_adun">
                                <option value="">Sila pilih...</option>
                                @foreach ($adun as $listbox)
                                @if($permohonan_baucer->dun == $listbox->id)
                                    <option value="{{$listbox->id}}" selected>{{$listbox->nama}}</option>
                                @else
                                    <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                     </div>
                  </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" class="form-control m-input nama" name="nama" placeholder="Sila masukan nama" value="{{ $profile->nama }}" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                            </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" >
                                <select class="m-input" id="ic_type" name="ic_type" style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8; display:none" onchange="getIc($(this).val())" >
                                    <option value="1" @if($profile->ic_type == 1) selected @endif>No. K/P</option>
                                    <option value="2" @if($profile->ic_type == 2) selected @endif>No. Tentera</option>
                                    <option value="3" @if($profile->ic_type == 3) selected @endif>No. Polis</option>
                                </select>
                                <input type="text" class="form-control m-input" id="ic" name="ic" placeholder="Sila masukan No. Identiti" value="{{ $profile->ic }}" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>E-mel:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input" name="email" placeholder="Sila masukan emel" value="{{ $profile->email }}" onblur="emailFormat('{{ $profile->email }}')">
                            </div>
                            <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>No. Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="tel_bimbit" name="tel_bimbit" placeholder="Sila masukan no tel bimbit" value="{{ $profile->tel_bimbit }}" onblur="checkDuplicate($(this).val(),'tel_bimbit', '{{ $profile->tel_bimbit }}')">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-4">
                                <small class="loading_email" style="color:#f4516c;display:none">Memeriksa...</small>
                                <small class="success_email" style="color:green;display:none">Ok</small>
                                <small class="format_email" style="color:#f4516c;display:none">Sila masukkan format emel yang betul.</small>
                                <small class="exist_email" style="color:#f4516c;display:none">Emel telah didaftar.</small>
                            </div>
                            <div class="col-lg-2"></div>
                            <div class="col-lg-4">
                                <small class="exist_tel_bimbit" style="color:#f4516c;display:none">No. Telefon telah didaftar.</small>
                                <small class="loading_tel_bimbit" style="color:#f4516c;display:none">Memeriksa...</small>
                                <small class="success_tel_bimbit" style="color:green;display:none">Ok</small>
                            </div>
                        </div>
                        <div class="form-group m-form__group row" style="padding-top: 0">
                            <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="status_perkahwinan" name="status_perkahwinan" onchange="getStatus($(this).val())">
                                    <option value="" hidden selected>Sila pilih status perkahwinan</option>
                                    <option value="Bujang" @if($profile->status_perkahwinan == 'Bujang') selected @endif>Bujang</option>
                                    <option value="Berkahwin" @if($profile->status_perkahwinan == 'Berkahwin') selected @endif>Berkahwin</option>
                                    <option value="Duda/Janda" @if($profile->status_perkahwinan == 'Duda/Janda') selected @endif>Duda/Janda</option>
                                </select>
                            </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="pendapatan" value="{{ number_format($profile->pendapatan, 2, '.', '') }}" placeholder="Sila masukan pendapatan bulanan" oninput="total()">
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed maklumat_pasangan"></div>
                    <div class="m-form__section m-form__section--middle maklumat_pasangan">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Pasangan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th><span style="color: red">* </span>No. Identiti</th>
                                            <th><span style="color: red">* </span>Nama</th>
                                            <th>E-mel</th>
                                            <th>No Telefon Bimbit</th>
                                            <th><span style="color: red">* </span>Pendapatan Bulanan</th>
                                            <th width="10%"></th>
                                        </tr>
                                    </thead>
                                    <tbody id="pasangan_input">
                                        @if (count($pasangans) < 1)
                                                <tr>
                                                    <td>
                                                        <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control m-input nama" id="pasangan_nama" name="pasangan_nama[]" disabled data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control m-input" id="pasangan_emel" name="pasangan_emel[]" disabled onblur="checkEmail($(this))">
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control m-input pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]" disabled>
                                                    </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 pasangan_pendapatan" id="pasangan_pendapatan" name="pasangan_pendapatan[]" placeholder="Jika ada" oninput="total()" disabled>
                                                        </div>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            @else
                                                @foreach ($pasangans as $pasangan)
                                                    <tr>
                                                        <td>
                                                            <input type="text" class="form-control m-input pasangan_ic" id="pasangan_ic" name="pasangan_ic[]" value="{{ $pasangan->ic_pasangan }}" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control m-input nama" id="pasangan_nama" name="pasangan_nama[]" value="{{ $pasangan->nama }}" data-inputmask-regex="([a-zA-Z@/ ])+/g">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control m-input" id="pasangan_emel" name="pasangan_emel[]" value="{{ $pasangan->emel }}" onblur="checkEmail($(this))">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control m-input pasangan_no_tel" id="pasangan_no_tel" name="pasangan_no_tel_bimbit[]" value="{{ $pasangan->no_tel_bimbit }}">
                                                        </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 pasangan_pendapatan" id="pasangan_pendapatan" name="pasangan_pendapatan[]" value="{{ number_format($pasangan->pendapatan, 2, '.', '') }}" oninput="total()" placeholder="Jika ada">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div class="btn-sm btn btn-danger m-btn m-btn--icon m-btn--pill" onclick="pasangan_delete({{ $pasangan->id }},1)">
                                                                <span>
                                                                    <i class="la la-trash-o"></i>
                                                                    <span>Padam</span>
                                                                </span>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @endif
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td>
                                                <small class="ic_pasangan_wajib" style="color:#f4516c;display:none;">No. Identiti Pasangan adalah wajib.</small>
                                            </td>
                                            <td>
                                                <small class="nama_pasangan_wajib" style="color:#f4516c;display:none;">Nama Pasangan adalah wajib.</small>
                                            </td>
                                            <td></td>
                                            <td></td>
                                            <td>
                                                <small class="pendapatan_pasangan_wajib" style="color:#f4516c;display:none;">Pendapatan Pasangan adalah wajib.</small>
                                            </td>
                                            <td></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="col-lg-12">
                                <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide" onclick="pasangan_add()">
                                    <span>
                                        <i class="la la-plus"></i>
                                        <span>
                                            Tambah
                                        </span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <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="text" class="form-control m-input" name="pendapatan_pemohon" placeholder="Sila masukan jumlah pendapatan pemohon" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Jumlah Pendapatan Pasangan:
                            </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="pendapatan_pasangan" placeholder="Sila masukan jumlah pendapatan pasangan" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jumlah Pendapatan Isi Rumah:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">
                                    RM
                                </span>
                                <input type="text" class="form-control m-input" name="pendapatan_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--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">
                            <div class="col-lg-6">
                                <div class="row">
                                    <label class="col-lg-4 col-form-label" style="text-align:right"><span style="color: red">* </span>Alamat:</label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control m-input" name="alamat_1" placeholder="Sila masukan alamat"  value="{{ $profile->alamat_1 }}">
                                        <span class="m-form__help" style="color: #f4516c; font-weight: 500">
                                            * Alamat adalah seperti yang tertera di dalam bil air
                                        </span>
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-4 col-form-label"></label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control m-input" name="alamat_2" placeholder="Sila masukan alamat"  value="{{ $profile->alamat_2 }}">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-4 col-form-label"></label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control m-input" name="alamat_3" placeholder="Sila masukan alamat"  value="{{ $profile->alamat_3 }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="row">
                                    <label class="col-lg-4 col-form-label" style="text-align:right">
                                        <span style="color: red">* </span>Poskod:
                                    </label>
                                    <div class="col-lg-8">
                                        <input type="text" class="form-control m-input" id="poskod" name="poskod" placeholder="Sila masukan poskod"  value="{{ $profile->poskod }}">
                                    </div>
                                </div>
                                <div class="row">
                                    <label class="col-lg-4 col-form-label" style="text-align:right">
                                        <span style="color: red">* </span>Negeri:
                                    </label>
                                    <div class="col-lg-8">
                                        <select class="form-control m-input" id="negeri" name="negeri">
                                            <option value="" hidden selected>Sila pilih negeri</option>
                                            <option value="Johor" @if($profile->negeri == "Johor") selected @endif>Johor</option>
                                            <option value="Kedah" @if($profile->negeri == "Kedah") selected @endif>Kedah</option>
                                            <option value="Kelantan" @if($profile->negeri == "Kelantan") selected @endif>Kelantan</option>
                                            <option value="Melaka" @if($profile->negeri == "Melaka") selected @endif>Melaka</option>
                                            <option value="Negeri Sembilan" @if($profile->negeri == "Negeri Sembilan") selected @endif>Negeri Sembilan</option>
                                            <option value="Pahang" @if($profile->negeri == "Pahang") selected @endif>Pahang</option>
                                            <option value="Penang" @if($profile->negeri == "Penang") selected @endif>Penang</option>
                                            <option value="Perak" @if($profile->negeri == "Perak") selected @endif>Perak</option>
                                            <option value="Perlis" @if($profile->negeri == "Perlis") selected @endif>Perlis</option>
                                            <option value="Selangor" @if($profile->negeri == "Selangor") selected @endif>Selangor</option>
                                            <option value="Terengganu" @if($profile->negeri == "Terengganu") selected @endif>Terengganu</option>
                                            <option value="Sabah" @if($profile->negeri == "Sabah") selected @endif>Sabah</option>
                                            <option value="Sarawak" @if($profile->negeri == "Sarawak") selected @endif>Sarawak</option>
                                            <option value="W.P. Kuala Lumpur" @if($profile->negeri == "W.P. Kuala Lumpur") selected @endif>W.P. Kuala Lumpur</option>
                                            <option value="W.P. Labuan" @if($profile->negeri == "W.P. Labuan") selected @endif>W.P. Labuan</option>
                                            <option value="W.P. Putrajaya" @if($profile->negeri == "W.P. Putrajaya") selected @endif>W.P. Putrajaya</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="submitForm()">
                                    Hantar
                                </button>
                                <button type="reset" class="btn btn-secondary"  onclick="window.location='{{ url('admin/permohonan/baucer') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    var pasangan = {!! json_encode($pasangans->toArray()) !!}

    $(document).ready(() => {
        $(".nama").inputmask("Regex");
        assign_js('pasangan');
        $('.maklumat_pasangan, .email_error, .exist_ic, .exist_email, .exist_tel_bimbit').hide();
        getIc($('#ic_type option:selected').val());
        getStatus($('#status_perkahwinan option:selected').val());

        if ($('input[name="email"]').val() != '') {
            emailFormat('{{ $profile->email }}');
        }
        if ($('input[name="tel_bimbit"]').val() != '') {
            $tel_bimbit = '{{(empty($profile->tel_bimbit)?"a":$profile->tel_bimbit)}}';
            checkDuplicate($tel_bimbit, 'tel_bimbit', $tel_bimbit);
        }

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

        total();
    });
    function getIc(x) {
        if(x == 1) {
            $("#ic").inputmask({ mask: "999999999999", placeholder: "" });
        } else {
            $("#ic").inputmask("Regex");
        }
    }

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

        if ($('input[name="email"]').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="email"]').val().match(format_email)) {
                $('.format_email').hide();
                checkDuplicate($('input[name="email"]').val(), 'email', current_email);
            } else if($('input[name="email"]').val() == '') {
                $('.format_email').hide();
            } else {
                $('.format_email').show();
                $('input[name="email"]').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();
        }
    }

    function checkDuplicate(x,y,current_data) {
        if(x) {
            // if email type wakil then no duplicate check
            if (y == 'email' && $('select[name="email_type"] option:selected').val() == 'Wakil') {
                $('.loading_'+y).hide();
                $('.exist_'+y).hide();
                $('.length_'+y).hide();
                $('.success_'+y).show();
                return;
            } else {
                var data = {
                    _token: '{{ csrf_token() }}',
                    field: y,
                    value: x,
                    current_data: current_data
                }
                $('.loading_'+y).show();
                $('.exist_'+y).hide();
                $('.length_'+y).hide();
                $('.success_'+y).hide();

                $.ajax({
                    url: '{{ url('admin/permohonan/baucer/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();
        }
    }
    function getStatus(x) {
        if(x == ''){
            $('.maklumat_pasangan').hide('slow');
            $('#pasangan_ic, #pasangan_nama, #pasangan_emel, #pasangan_no_tel, #pasangan_pendapatan').attr('disabled', true);
        }
        else if(x == 'Berkahwin') {
            $('.maklumat_pasangan').show('slow');
            $('#pasangan_ic, #pasangan_nama, #pasangan_emel, #pasangan_no_tel, #pasangan_pendapatan').attr('disabled', false);
        } else if(x == 'Duda/Janda') {
            if(pasangan.length > 0) {
                $.alert({
                    type: 'red',
                    title: 'Gagal!',
                    content: 'Maklumat pasangan telah wujud dalam rekod. Sila padam maklumat pasangan terlebih dahulu.',
                    typeAnimated: true,
                    icon: 'fa fa-warning',
                });
                $('#status_perkahwinan').val('Berkahwin');
            } else {
                $('.maklumat_pasangan').hide('slow');
                $('#pasangan_ic, #pasangan_nama, #pasangan_emel, #pasangan_no_tel, #pasangan_pendapatan').attr('disabled', true);
            }
        } else {
            if(pasangan.length > 0) {
                $.alert({
                    type: 'red',
                    title: 'Gagal!',
                    content: 'Maklumat pasangan telah wujud dalam rekod. Sila padam maklumat pasangan terlebih dahulu.',
                    typeAnimated: true,
                    icon: 'fa fa-warning',
                });
                $('#status_perkahwinan').val('Berkahwin');
            } else {
                $('.maklumat_pasangan').hide('slow');
                $('#pasangan_ic, #pasangan_nama, #pasangan_emel, #pasangan_no_tel, #pasangan_pendapatan').attr('disabled', true);
            }
        }
    }

    function total() {
        var pemohon = $('input[name="pendapatan"]').val() == '' ? 0 : $('input[name="pendapatan"]').val();
        var pasangan = 0;
        var total = 0;
        $('.pasangan_pendapatan').each(function(){
            pasangan += +$(this).val();
        });
        total = parseFloat(pemohon) + parseFloat(pasangan);

        $('input[name="pendapatan_pemohon"]').val(parseFloat(pemohon).toFixed(2));
        $('input[name="pendapatan_pasangan"]').val(parseFloat(pasangan).toFixed(2));
        $('input[name="pendapatan_isi_rumah"]').val(total.toFixed(2));
    }
    function pasangan_add() {
        var html =
            '<tr>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pasangan_ic" name="pasangan_ic[]">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input nama" name="pasangan_nama[]" data-inputmask-regex="([a-zA-Z@/ ])+/g">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input" name="pasangan_emel[]" onblur="checkEmail($(this))">'+
                '</td>'+
                '<td>'+
                    '<input type="text" class="form-control m-input pasangan_no_tel" name="pasangan_no_tel_bimbit[]">'+
                '</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 pasangan_pendapatan" name="pasangan_pendapatan[]" placeholder="Jika ada" oninput="total()">'+
                    '</div>'+
                '</td>'+
                '<td>'+
                    '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="pasangan_delete($(this),0)">'+
                        '<span>'+
                            '<i class="la la-trash-o"></i>'+
                            '<span>Padam</span>'+
                        '</span>'+
                    '</div>'+
                '</td>'+
            '</tr>';
        $('#pasangan_input').append(html);
        assign_js('pasangan');
    }
    function pasangan_delete(x,y) {
        if(y == 0) {
            x.closest('tr').remove();
        } else if(y == 1) {
            $.confirm({
                title: 'Padam maklumat pasangan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-warning',
                columnClass: 'col-md-6 col-md-offset-3',
                type: 'red',
                buttons: {
                    padam: {
                        btnClass: 'btn-red',
                        action: function() {
                            var data = {
                                _token: '{{ csrf_token() }}',
                                pasangan_id: x,
                                permohonan_id: '{{$permohonan_baucer->id}}'
                            };
                            $.ajax({
                                url: '{{ url('admin/permohonan/baucer/delete-pasangan/') }}',
                                type: 'POST',
                                data: data,
                                success: function(response) {
                                    if(response.status == 'success') {
                                        $.notify({
                                            title: 'Berjaya',
                                            message: '<b>'+response.message+'</b>',
                                            icon: 'icon la la-check',
                                        },{
                                            type: 'success',
                                            allow_dismiss: true,
                                            newest_on_top: true,
                                            spacing: 10,
                                            timer: 5000,
                                            placement: {
                                                from: 'top',
                                                align: 'right',
                                            },
                                            offset: {
                                                x: 30,
                                                y: 30,
                                            },
                                            delay: 1000,
                                            z_index: 10000,
                                            animate: {
                                                enter: 'animated bounce',
                                                exit: 'animated bounce',
                                            }
                                        });
                                        setTimeout(function(){ location.reload(); }, 2000);
                                    } else {
                                        $.alert(response.message);
                                    }
                                },
                                error: function(response) {
                                    $.alert(response.message);
                                }
                            });
                        }
                    },
                    kembali: {
                        btnClass: 'btn-grey',
                        action: function() {
                        }
                    }
                }
            });
        }
        total();
    }

    function assign_js(x) {

        $(".nama").inputmask("Regex");
        if(x == 'pasangan') {
            $(".pasangan_ic").inputmask({
                mask: "999999999999",
                placeholder: ""
            });
            $(".pasangan_no_tel").inputmask({
                mask: "9999999999999",
                placeholder: ""
            });
        }
    }
    function submitForm() {
        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila semak permohonan anda dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
        }

        if($('input[name="nama"]').val() == ''
            || $('input[name="ic"]').val() == ''
            || ($('input[name="email"]').val() == '' && $('input[name="tel_bimbit"]').val() == '' )
            || $('select[name="status_perkahwinan"] option:selected').val() == ''
            || $('input[name="pendapatan"]').val() == ''
            || $('input[name="alamat_1"]').val() == ''
            || $('input[name="poskod"]').val() == ''
            || $('select[name="negeri"] option:selected').val() == '') {

            error();
            return;
        }

        // Semak Maklumat Pasangan
        if ($('.maklumat_pasangan').is(":visible")) {
            var isError = false;
            $('input[name="pasangan_ic[]"]').each(function(i,v){
                if ($(this).val() == '') {
                    isError = true;
                    $('.ic_pasangan_wajib').show();
                } else {
                    $('.ic_pasangan_wajib').hide();
                }
            });
            $('input[name="pasangan_nama[]"]').each(function(i,v){
                if ($(this).val() == '') {
                    isError = true;
                    $('.nama_pasangan_wajib').show();
                } else {
                    $('.nama_pasangan_wajib').hide();
                }
            });
            $('input[name="pasangan_pendapatan[]"]').each(function(i,v){
                if ($(this).val() == '') {
                    isError = true;
                    $('.pendapatan_pasangan_wajib').show();
                } else {
                    $('.pendapatan_pasangan_wajib').hide();
                }
            });
            if (isError) {
                error();
                return;
            }
        }

        $.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() {
                    }
                }
            }
        });
    }
</script>
@endsection