@extends('layouts.dun') 
@section('title', 'Permohonan BAUCAR') 
@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') 
@role(['super_admin','dun'])
<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/baucer/verify?ic='.$permohonan_baucer->ic) }}" method="POST">
                @csrf
                <div class="m-portlet__body">
                    
                    <!-- <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">
                                Ahli Dewan Undangan Negeri(ADUN):
                            </label>
                            <div class="col-lg-4">
                                @if(!empty($permohonan_baucer->dun))
                                    <input type="text" class="form-control m-input nama"  value="{{ $permohonan_baucer->nama_dun  }}" readonly />
                                @else
                                    <input type="text" class="form-control m-input nama"  value="{{ $permohonan_baucer->dun_pembayar  }}" readonly />
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Peribadi:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">Nama: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input nama" name="nama" placeholder="Sila masukan nama" value="{{ $permohonan_baucer->nama }}" readonly />
                            </div>
                            <label class="col-lg-2 col-form-label">Negeri Kelahiran: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input nama" name="nama" placeholder="Sila masukan nama" value="{{ isset($profile->negeri) ? $profile->negeri : 'Tiada Data'  }}" readonly />
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">No. Identiti: </label>
                            <div class="input-group m-input-group col-lg-4">
                                <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">No. K/P</option>
                                    <option value="2">No. Tentera</option>
                                    <option value="3">No. Polis</option>
                                </select>
                                <input
                                    type="text" class="form-control m-input" id="ic" name="ic" value="{{ $permohonan_baucer->ic_pemohon }}" data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12" readonly />
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Bangsa:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <input type="text" class="form-control m-input bangsa" name="bangsa" value="{{$permohonan_baucer->kaum}}" readonly />
                            </div>
                        </div>
                        
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Jantina:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="{{$permohonan_baucer->jantina}}" readonly />
                               
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Tarikh Lahir:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="{{ isset($profile->tarikh_lahir) ? $profile->tarikh_lahir : 'Tiada Data'  }}" readonly />
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Pendapatan Bulanan:
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                                <span class="input-group-addon">
                                    RM
                                </span>
                                <input type="text" class="form-control m-input"  value="{{ number_format($permohonan_baucer->pendapatan, 2, '.', '') }}" readonly />
                            </div>
                            <label class="col-lg-2 col-form-label">
                                No. Telefon Bimbit:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" value="{{$permohonan_baucer->no_telefon}}" readonly />
                            </div>
                        </div>
                        
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Status Perkahwinan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input"  value="{{ isset($profile->status_perkahwinan) ? $profile->status_perkahwinan : 'Tiada Data'  }}" readonly />
                            </div>
                            <label class="col-lg-2 col-form-label">
                                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="{{ isset($profile->email) ? $profile->email : 'Tiada Data'  }}" onblur="emailFormat()" />
                            </div>
                        </div>
                    </div>

                    @if ( isset($profile->status_perkahwinan))
                    @if( $profile->status_perkahwinan === 'Berkahwin' )
                    <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>No. Identiti</th>
                                            <th>Nama</th>
                                            <th>E-mel</th>
                                            <th>No Telefon Bimbit</th>
                                            <th>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" readonly/>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" id="pasangan_emel" name="pasangan_emel[]" value="{{ $pasangan->emel }}" onblur="checkEmail($(this))" readonly/>
                                            </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 }}" readonly/>
                                            </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($permohonan_baucer->pendapatan_pasangan, 2, '.', '') }}"
                                                        oninput="total()"
                                                        placeholder="Jika ada"
                                                        readonly
                                                    />
                                                </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>
                    @else
                    @endif
                    @endif
                    <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"  value="{{ number_format($permohonan_baucer->pendapatan, 2, '.', '') }}" 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="text" class="form-control m-input" value="{{ $permohonan_baucer->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" value="{{ $permohonan_baucer->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;">Alamat:</label>
                                    <div class="col-lg-8">
                                    @if(isset($profile->alamat_1))
                                        <textarea type="text" class="form-control" readonly>{{$profile->alamat_1}} {{$profile->alamat_2}} {{$profile->alamat_3}} {{$profile->poskod}} {{$profile->bandar}} {{$profile->negeri}}
                                        </textarea>
                                    @else
                                        <textarea type="text" class="form-control" readonly>{{$permohonan_baucer->alamat}}</textarea>
                                    @endif
                                    </div>
                                </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 Kemaskini Pengesahan Status Permohonan:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <div class="col-lg-2"></div>
                            <div class="col-lg-8">
                                <p align="justify" style="font-size: smaller;">
                                    Sila membuat pengesahan terhadap maklumat permohonan seperti berikut: <br><br>
                                    &nbsp; 1) Semakan semula dan mengesahkan No. Identiti pemohon menerusi <a href="https://pengundi.spr.gov.my/" target="_blank" rel="noopener noreferrer">Semakan DUN di laman SPR</a> <br>
                                    &nbsp; 2) Semakan pendapatan pemohon, pasangan (jika ada) dan isi rumah. <br>
                                    &nbsp; 3) Semakan alamat terkini pemohon.
                                </p>
                            </div>
                        </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" id="status" name="status">
                                    <option value="" hidden selected>Sila pilih status permohonan</option>
                                    <option value="2" @if($permohonan_baucer->status == 2) selected @endif>LULUS</option>
                                    <option value="3" @if($permohonan_baucer->status == 3) selected @endif>GAGAL</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group m-form__group row alasan">
                            <label class="col-lg-2 col-form-label alasan"> <span style="color: red;">* </span>Alasan: </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input alasan" name="alasan" id="alasan" placeholder="Sila masukan alasan" value=" {{ $permohonan_baucer->alasan}} " />
                            </div>
                        </div>
                        <div class="form-group m-form__group row perayaan">
                            <label class="col-lg-2 col-form-label perayaan">
                                Program Bersempena Perayaan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input perayaan" name="perayaan" id="perayaan" value="{{ $permohonan_baucer->perayaan }}" readonly />
                            </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('dun/permohonan/baucer') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endrole 
@endsection 
@section('js')
<script>
    
    $(document).ready(function() {
        $('.alasan').hide();
        $("#status").change(function() {
            if ($(this).val() == '2') {
                $('.alasan').hide('slow');
            } else {
                $('.alasan').show('slow');
            }
        })
    });

    function submitForm() {
        if ($('select[name="status"] option:selected').val() == '') {
            error();
        } else {
            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: {
                        btnClass: 'btn-green',
                        action: function() {
                            $('#permohonan_form').submit();
                        }
                    },
                    kembali: {
                        btnClass: 'btn-red',
                        action: function() {}
                    }
                }
            });
        }

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