@extends('layouts.dun') 

@section('title', 'Kemaskini 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/edit-baucar?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="{{ $lokasidun->nama }}" 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="{{ $permohonan_baucer->pendapatan }}" 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'  }}" />
                            </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" name="pasangan_ic[]" disabled />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input nama" name="pasangan_nama[]" disabled data-inputmask-regex="([a-zA-Z@/ ])+/g" />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" name="pasangan_emel[]" disabled />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input 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" name="pasangan_pendapatan[]" placeholder="Jika ada" disabled />
                                                </div>
                                            </td>
                                            <td></td>
                                        </tr>
                                        @else @foreach ($pasangans as $pasangan)
                                        <tr>
                                            <td>
                                                <input type="text" class="form-control m-input pasangan_ic" name="pasangan_ic[]" value="{{ $pasangan->ic_pasangan }}" />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input nama" name="pasangan_nama[]" value="{{ $pasangan->nama }}" data-inputmask-regex="([a-zA-Z@/ ])+/g" />
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input" name="pasangan_emel[]" value="{{ $pasangan->emel }}"/>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control m-input 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"
                                                        name="pasangan_pendapatan[]"
                                                        value="{{ number_format($pasangan->pendapatan, 2, '.', '') }}"
                                                        placeholder="Jika ada"
                                                    />
                                                </div>
                                            </td>
                                            <td>
                                                
                                            </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>
                    </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="{{ $permohonan_baucer->pendapatan }}" 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 Terima Baucar:
                            </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 status" id="status" name="status">
                                    @if($permohonan_baucer->status == 2)
                                    <option value="2" selected>LULUS</option>
                                    <option value="3" >GAGAL</option>
                                    @elseif($permohonan_baucer->status == 3)
                                    <option value="2" >LULUS</option>
                                    <option value="3" selected>GAGAL</option>
                                    @else
                                    <option value="" hidden selected>Sila pilih status permohonan</option>
                                    <option value="2" >LULUS</option>
                                    <option value="3" >GAGAL</option>
                                    @endif
                                </select>
                            </div>
                        </div>
                        <!-- bring user id -->
                        <input type="text" class="invisible" name="userid" value="{{ $permohonan_baucer->id }}" hidden>

                        <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">
                            <label class="col-lg-2 col-form-label tarikh_terima"> Tarikh Terima Baucar: </label>
                            <div class="col-lg-4">
                                <input type="date" class="form-control m-input tarikh_terima" name="tarikh_terima" id="tarikh_terima"  />
                            </div>
                            <label class="col-lg-2 col-form-label no_baucar"> No Baucar: </label>
                            <div class="col-lg-4 no_baucar">
                                <input type="text" class="form-control m-input" name="no_baucar" value=" {{ $permohonan_baucer->no_baucer }} " />
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label jumlah_terima"> Nilai Baucar (RM): </label>
                            <div class="col-lg-4 no_baucar">
                                <input type="text" class="form-control m-input" id="jumlah_terima" name="jumlah_terima" value=" {{ $permohonan_baucer->jumlah_terima }} " />
                            </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() {
        $('#jumlah_terima').inputmask({
            mask: "999",
            placeholder: ""
        });

        $('.alasan').hide();

        $("#status").change(function() {
            if ($(this).val() == "3") {
            $('.alasan').show();
            $('.no_baucar').hide();
            $('.jumlah_terima').hide();
            $('.tarikh_terima').hide();
            } else {
            $('.alasan').hide();
            $('.no_baucar').show();
            $('.jumlah_terima').show();
            $('.tarikh_terima').show();
            }
        });

        // $('.status').show();
        // // $('.status').attr("disabled", "disabled");
        // if ($('select[name="status"] option:selected').val() == 2) {
        //     $('.alasan').hide();
        // } else {
        //     $('.alasan').show();
        //     // $('#alasan').attr("disabled", "disabled");
        // }
    });

    function submitForm() {
        if ($('input[name="no_baucar"]').val() == '' 
            // || $('input[name="tarikh_terima"]').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 maklumat.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {}
                    }
                }
            });
        }
    }
</script>
@endsection