@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')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
    .range_inputs{
   display:none;
}
</style>
@endsection

@section('content')
@role(['super_admin','principal_admin','admin', 'dun'])
    <div class="row">
        <div class="col-lg-12">
            <div class="m-portlet m-portlet--mobile">
                <div class="m-portlet__body">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">Permohonan {{ App\IPR::where('name', 'bbbr')->pluck('display_name')[0] }}
                        </div>
                    </div>
                    <div class="datatable">
                        <div class="col-md-12">
                            <form class="pull-right" id="search_form" style="margin-top: 15px;">
                                <div class="input-group">
                                    @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('dun') || $is_permission_own || $is_permission_all)
                                    <div class="" style="margin-right:5px">
                                        <a href="{{ url('dun/permohonan/bbbr/add') }}" class="btn btn-info m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" style="padding:.75rem 1rem">
                                            <span>
                                                <i class="la la-plus"></i>
                                                <span>
                                                    Permohonan Baru
                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                    @endif
                                    @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('principal_admin') || $is_permission_export)
                                    <div class="" style="margin-right:5px">
                                        <a href="#" id="export_file" onclick="exportFile();return false;" class="btn btn-info m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" style="padding:.75rem 1rem">
                                            <span>
                                                <i class="la la-file-excel-o"></i>
                                                <span>
                                                    Export
                                                </span>
                                            </span>
                                        </a>
                                    </div>
                                    @endif
                                    <div id="permohonan_range" style="background: #fff; cursor: pointer; padding: 10px 10px; border: 1px solid #ebedf2;">
                                        <i class="fa fa-calendar"></i>&nbsp;<span></span> <i class="fa fa-caret-down"></i>
                                    </div>
                                    <input type="hidden" id="status" value="{{$status}}" />
                                    <input type="hidden" id="from_date" value="" />
                                    <input type="hidden" id="to_date" value="" />
                                    <select class="form-control" id="filter_type" style="height:unset;padding:5px 5px;">
                                        <option value="id_permohonan">Id Permohonan</option>
                                        <option value="nama">Nama</option>
                                        <option value="ic">No. Identiti</option>
                                        <option value="status">Status</option>
                                        <option value="status_sokong">Status Sokong</option>
                                        <option value="alamat">Alamat</option>
                                        <option value="semua" selected="selected">Semua</option>
                                    </select>
                                    <input type="text" class="form-control" id="q" placeholder="Carian..." style="height:unset;padding:5px 5px;">
                                    <button type="button" class="btn btn-default" id="filter"><span class="fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped" id="permohonan_table" style="overflow-x: auto !important;width: 100% !important;">
                                <thead>
                                    <tr>
                                        <th>Id Permohonan</th>
                                        <th>Pemohon</th>
                                        <th>No. Identiti</th>
                                        <th>Tarikh Permohonan</th>
                                        <th>Status Daerah</th>
                                        <th>Status</th>
                                        <th width="10%"></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Modal --}}
    <div class="modal fade" id="maklumat_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
        <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="exampleModalLabel">
                        Rumusan Permohonan <br>
                        <small>
                            <i>Tarikh Permohonan: <span id="m_tarikh_permohonan"></span></i>
                        </small>
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            &times;
                        </span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="m-form__section m-form__section--first">
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                                Status Daerah:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="statusDaerah" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                                Status Agensi:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="statusAgensi" readonly>
                            </div>
                        </div>
                        <h5 style="color: #f4516c">
                            Maklumat Pemohon:
                        </h5>
                        <br>
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Nama:
                                </label>
                                <input type="text" class="form-control" id="m_nama" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Negeri Kelahiran:
                                </label>
                                <input type="text" class="form-control" id="m_negerikelahiran" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    No.Kad Pengenalan / No.Polis / No.Tentera:
                                </label>
                                <input type="text" class="form-control" id="m_ic" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    No. Telefon Bimbit:
                                </label>
                                <input type="text" class="form-control" id="m_tel_bimbit" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Jantina:
                                </label>
                                <input type="text" class="form-control" id="m_jantina" readonly>
                            </div> 
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    No. Telefon Rumah:
                                </label>
                                <input type="text" class="form-control" id="m_tel_rumah" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Status Perkahwinan:
                                </label>
                                <input type="text" class="form-control" id="m_status_perkahwinan" readonly>
                            </div>
                        </div>
                    </div>
                    <hr class="modal-hr">
                    <div class="m-form__section m-form__section--middle">
                        <h5 style="color: #f4516c">
                            Maklumat Tempat Tinggal:
                        </h5>
                        <br>
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Alamat:
                                </label>
                                <textarea type="text" class="form-control" id="m_alamat" readonly></textarea>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Status Kediaman
                                </label>
                                <input type="text" class="form-control" id="m_status_kediaman" readonly>
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">
                                    Status Pemilikan Tanah/Tapak:
                                </label>
                                <input type="text" class="form-control" id="m_status_pemilikan" readonly>
                            </div>
                        </div>
                    </div>
                    <hr class="modal-hr">
                    <div class="m-form__section m-form__section--middle">
                        <h5 style="color: #f4516c">
                            Maklumat Pekerjaan Pemohon:
                        </h5>
                        <br>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <b>Pekerjaan Pemohon:</b>
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control" id="m_pekerjaan_pemohon" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <b>Bilangan Ahli Isi Rumah:</b>
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control" id="m_bil_rumah" readonly>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <b>Pendapatan Pemohon:</b>
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                            <span class="input-group-addon">
                            RM
                            </span>
                            <input type="text" class="form-control" id="m_pendapatan_pemohon" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <b>Pendapatan Isi Rumah:</b>
                            </label>
                            <div class="input-group m-input-group col-lg-4">
                            <span class="input-group-addon">
                            RM
                            </span>
                            <input type="text" class="form-control" id="m_pendapatan_isi_rumah" readonly>
                            </div>
                        </div>
                    </div>
                    <hr class="modal-hr">
                    <div class="m-form__section m-form__section--middle maklumat_keluarga">
                        <h5 style="color: #f4516c">
                            Maklumat Ahli Keluarga:
                        </h5>
                        <br>
                        <div class="form-group row">
                            <div class="col-md-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Nama</th>
                                            <th>Umur</th>
                                            <th>Hubungan</th>
                                            <th>Status</th>
                                            <th>Pendapatan</th>
                                            <th>Tinggal Bersama</th>
                                        </tr>
                                    </thead>
                                    <tbody id="m_ahli_keluarga_input"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <hr class="modal-hr">
                    <div class="m-form__section m-form__section--middle bantuan">
                        <h5 style="color: #f4516c">
                            Maklumat Bantuan:
                        </h5>
                        <br>
                        <div class="form-group row">
                            <div class="col-md-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Jenis Bantuan</th>
                                            <th>Pemberi Bantuan</th>
                                            <th>Tarikh Terima Bantuan</th>
                                            <th>Tarikh Akhir Bantuan</th>
                                        </tr>
                                    </thead>
                                    <tbody id="m_bantuan"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__section m-form__section--middle">
                        <h5 style="color: #f4516c">
                            Maklumat Bantuan Dipohon:
                        </h5>
                        <br>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <b>Bantuan Dipohon:</b>
                            </label>
                            <div class="col-lg-4">
                            <input type="text" class="form-control" id="m_bantuan_permohonan" readonly>
                            </div>
                        </div>
                    </div>
                <hr class="modal-hr">
                <div class="m-form__section m-form__section--middle ">
                    <h5 style="color: #f4516c">
                        Senarai Dokumen Dimuatnaik
                    </h5>
                    <br>
                    <div class="form-group row" id="documentlist"> 
                    </div>
                </div>
                </div>
                <div class="modal-footer">
                    <div id="kemaskini_area" style="margin-left: 2rem;left: 0;position: absolute;"></div>
                    <a class="btn btn-primary btn-cetak" target="_blank">
                        Cetak
                    </a>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        Kembali
                    </button>
                </div>
            </div>
        </div>
    </div>
    {{-- End Modal --}}
    
@endrole
@endsection

@section('js')
@role(['super_admin', 'principal_admin','admin', 'dun'])
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>

    <script src="https://cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>

    <script>
        var start = moment("2008-01-01");
        var end = moment();

        $(document).ready(function() {
            $('.oleh_admin').hide();

            var from_date = start.format('YYYY-MM-DD');
            var to_date = end.format('YYYY-MM-DD');

            $('#permohonan_table').dataTable({
                scrollX: true,
                processing: true,
                paging: true,
                pageLength: 15,
                lengthMenu: [[15, 30, 50, 100], [15, 30, 50, 100]],
                serverSide: true,
                ajax: {
                    url:'{{ url('dun/permohonan/bbbr/list?status=') }}{{ $status }}',
                    data:{from_date:from_date, to_date:to_date}
                },
                searching: false,
                language: {
                    emptyTable: "Tiada Data"
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'nama', name: 'profile.nama' },
                    { data: 'ic_pemohon', name: 'permohonan_bbbr.ic_pemohon' },
                    { data: 'tarikh_permohonan', name: 'permohonan_bbbr.tarikh_permohonan' },
                    { data: 'status_sokong', name: 'status_sokong' },
                    { data: 'status', name: 'status' },
                    { data: 'action', name: 'action', orderable: false, searchable: false }
                ],
            });
        });

        $('#search_form').submit(function (event) {
            event.preventDefault();
            $("#filter").trigger("click");
        });

        $('#filter').click(function(){
            var status = $('#status').val();
            var from_date = $('#from_date').val();
            var to_date = $('#to_date').val();
            var q = $('#q').val();
            var filter_type = $("#filter_type").val();

            $('#permohonan_table').dataTable().fnDestroy();
            $('#permohonan_table').dataTable({});
            $('#permohonan_table').dataTable().fnDestroy();
            $('#permohonan_table').dataTable({
                scrollX: true,
                processing: true,
                paging: true,
                pageLength: 15,
                lengthMenu: [[15, 30, 50, 100], [15, 30, 50, 100]],
                serverSide: true,
                ajax: {
                    url:'{{ url('dun/permohonan/bbbr/list') }}',
                    data:{status:status, from_date:from_date, to_date:to_date, q:q, filter_type:filter_type}
                },
                searching: false,
                language: {
                    emptyTable: "Tiada Data"
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'nama', name: 'profile.nama' },
                    { data: 'ic_pemohon', name: 'permohonan.ic_pemohon' },
                    { data: 'tarikh_permohonan', name: 'permohonan.tarikh_permohonan' },
                    { data: 'status_sokong', name: 'status_sokong' },
                    { data: 'status', name: 'status' },
                    { data: 'action', name: 'action', orderable: false, searchable: false }
                ],
            });
        });

        $(function() {
            $(window).resize(function() {});
        });

        $(function() {
            function cb(start, end) {
                $('#permohonan_range span').html(start.format('D MMMM YYYY') + ' - ' + end.format('D MMMM YYYY'));
                $('#from_date').val(start.format('YYYY-MM-DD'));
                $('#to_date').val(end.format('YYYY-MM-DD'));
            }

            $('#permohonan_range').daterangepicker({
                showDropdowns: true,
                minYear: 2008,
                maxYear: 2020,
                startDate: start,
                endDate: end,
                ranges: {
                    'Semua': [start, end],
                    'Hari Ini': [moment(), moment()],
                    '7 Hari Terakhir': [moment().subtract(6, 'days'), moment()],
                    'Bulan Ini': [moment().startOf('month'), moment().endOf('month')],
                    'Tahun Ini': [moment().startOf('years'), moment().endOf('years')]
                },
                locale: {
                    format: 'DD/MM/YYYY'
                },
                autoApply: true,
                opens: 'left'
            }, cb);

            cb(start, end);

        });

        function exportFile() {
            var status = $('#status').val();
            var from_date = $('#from_date').val();
            var to_date = $('#to_date').val();
            var q = $('#q').val();
            var filter_type = $('#filter_type').val();

            window.open('{{ url('dun/permohonan/bbbr/export?_token=') }}{{csrf_token()}}&status='+status+'&from_date='+from_date+'&to_date='+to_date+'&q='+q+'&filter_type='+filter_type, '_blank');
        }

        function showDetail(x) {
            var data = {
                _token: '{{ csrf_token() }}',
                id: x
            };

            $.ajax({
                url: '{{ url('dun/permohonan/bbbr/show') }}',
                type: 'POST',
                data: data,
                success: function(response) {
                    var permohonan = response.permohonan,
                        profile = response.profile,
                        maklumat = response.maklumat,
                        ahli_keluarga = response.ahli_keluarga,
                        document = response.document,
                        bantuan = response.bantuan,
                        audit = response.audit,
                        url = '{{ url('admin/rumusan') }}?ipr=bbbr&id='+x,
                        pendapatan_rumah = 0;

                    if(permohonan.oleh_admin) {
                        $('.oleh_admin').show();
                    } else {
                        $('.oleh_admin').hide();
                    }

                    //status permohonan
                    var statusDaerah = '-'
                    var statusAgensi = '-'

                    if (permohonan.status_sokong == 1 || permohonan.status_sokong == 0 || permohonan.status_sokong == null) { //diproses dun
                        statusDaerah = 'Diproses'
                    } else if (permohonan.status_sokong == 2) { //berjaya Daerah
                        statusDaerah = 'Sokong'
                        statusAgensi = 'Diproses'
                    } else if (permohonan.status_sokong == 3) { //gagal Daerah
                        statusDaerah = 'Tidak Sokong'
                    }

                    if (permohonan.status == 2) { //berjaya agensi
                        statusAgensi = 'Lulus'
                    } else if (permohonan.status == 3) { //gagal agensi
                        statusAgensi = 'Tidak Lulus'
                    }

                    $('#statusDaerah').val(statusDaerah)
                    $('#statusAgensi').val(statusAgensi)
                    
                    // Tarikh Permohonan
                    $('#m_tarikh_permohonan').html(moment(permohonan.tarikh_permohonan, 'YYYY-MM-DD HH:mm:ss').format('DD/MM/YYYY'));

                    // Maklumat Peribadi
                    $('#m_nama').val(profile.nama);
                    if(profile.negerikelahiran==1){
                    $('#m_negerikelahiran').val("Selangor");
                    };
                    if(profile.negerikelahiran==2){
                    $('#m_negerikelahiran').val("Perak");
                    };
                    if(profile.negerikelahiran==3){
                    $('#m_negerikelahiran').val("Melaka");
                    };
                    if(profile.negerikelahiran==4){
                    $('#m_negerikelahiran').val("Kedah");
                    };
                    if(profile.negerikelahiran==5){
                    $('#m_negerikelahiran').val("Perlis");
                    };
                    if(profile.negerikelahiran==6){
                    $('#m_negerikelahiran').val("Negeri Sembilan");
                    };
                    if(profile.negerikelahiran==7){
                    $('#m_negerikelahiran').val("Sabah");
                    };
                    if(profile.negerikelahiran==8){
                    $('#m_negerikelahiran').val("Kelantan");
                    };
                    if(profile.negerikelahiran==9){
                    $('#m_negerikelahiran').val("Pahang");
                    };
                    if(profile.negerikelahiran==10){
                    $('#m_negerikelahiran').val("Terengganu");
                    };
                    if(profile.negerikelahiran==11){
                    $('#m_negerikelahiran').val("W.P. Kuala Lumpur");
                    };
                    if(profile.negerikelahiran==12){
                    $('#m_negerikelahiran').val("Pulau Pinang");
                    };
                    if(profile.negerikelahiran==13){
                    $('#m_negerikelahiran').val("Sarawak");
                    };
                    if(profile.negerikelahiran==14){
                    $('#m_negerikelahiran').val("Johor");
                    };
                    if(profile.negerikelahiran==15){
                    $('#m_negerikelahiran').val("W.P. Labuan");
                    };
                    if(profile.negerikelahiran==16){
                    $('#m_negerikelahiran').val("W.P. Putrajaya");
                    };
                    $('#m_ic').val(profile.ic);
                    $('#m_emel').val(profile.email);
                    $('#m_tel_bimbit').val(profile.tel_bimbit);
                    $('#m_tel_rumah').val(profile.tel_rumah);
                    $('#m_jantina').val(profile.jantina);
                    $('#m_status_perkahwinan').val(profile.status_perkahwinan);
                    $('#m_pekerjaan_pemohon').val(profile.jenis_pekerjaan);
                    $('#m_bil_rumah').val(permohonan.bil_ahli_rumah);
                    $('#m_pendapatan').val(parseFloat(profile.pendapatan).toFixed(2));

                    // Maklumat Ahli Keluarga
                    var pendapatan_pasangan = 0;
                    $('#m_ahli_keluarga_input').html('');

                    ahli_keluarga.forEach(function(d) {
                        if(d.tinggal_bersama == true){
                            html =
                            '<tr>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.nama != null?d.nama:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.umur != null?d.umur:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.hubungan != null?d.hubungan:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.status != null?d.status:'-')+'" 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" value="'+(d.pendapatan != null?(parseFloat(d.pendapatan).toFixed(2)):'')+'" disabled>'+
                                    '</div>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="Ya" disabled>'+
                                '</td>'+
                            '</tr>';

                            $('#m_ahli_keluarga_input').append(html);
                                // pendapatan_rumah = parseFloat(pendapatan_rumah) + parseFloat(d.pendapatan);
                        };
                        if(d.tinggal_bersama == false){
                            html =
                            '<tr>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.nama != null?d.nama:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.umur != null?d.umur:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.hubungan != null?d.hubungan:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.status != null?d.status:'-')+'" 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" value="'+(d.pendapatan != null?(parseFloat(d.pendapatan).toFixed(2)):'')+'" disabled>'+
                                    '</div>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="Tidak" disabled>'+
                                '</td>'+
                            '</tr>';

                            $('#m_ahli_keluarga_input').append(html);
                        };
                    });
                    
                    // Maklumat Bantuan
                    $('#m_bantuan').html('');

                    bantuan.forEach(function(d) {

                        html =
                            '<tr>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.bbbr_jenis_bantuan != null?d.bbbr_jenis_bantuan:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.bbbr_pemberi_bantuan != null?d.bbbr_pemberi_bantuan:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.bbbr_tkh_terima_bantuan != null?d.bbbr_tkh_terima_bantuan:'-')+'" disabled>'+
                                '</td>'+
                                '<td>'+
                                    '<input type="text" class="form-control m-input" value="'+(d.bbbr_tkh_akhir_bantuan != null?d.bbbr_tkh_akhir_bantuan:'-')+'" disabled>'+
                                '</td>'+
                            '</tr>';

                            $('#m_bantuan').append(html);
                    });
                    

                    // // override maklumat from profile cause maklumat pendapatan empty
                    var total = 0;
                    total = parseFloat(profile.pendapatan)+pendapatan_rumah;

                    $('#m_pendapatan_pemohon').val(parseFloat(profile.pendapatan).toFixed(2));
                    $('#m_pendapatan_isi_rumah').val(parseFloat(total).toFixed(2));

                    // bantuan dipohon
                    $('#m_bantuan_permohonan').val(permohonan.bantuan_dipohon);

                    // Maklumat Tempat Tinggal
                    $('#m_status_kediaman').val(permohonan.bbbr_status_kediaman);
                    $('#m_status_pemilikan').val(permohonan.bbbr_status_tapak);
                    $('#m_alamat').html([
                        profile.alamat_1+', ',
                        profile.alamat_2 ? profile.alamat_2+', ' : '',
                        profile.alamat_3 ? profile.alamat_3+', ' : '',
                        profile.poskod+', ',
                        profile.negeri
                    ]);

                    $('#documentlist').html('');
                    html = '<table  class="table">' ;
                    html = html + '<tr>';
                    html = html + '<th width="80%">Jenis Fail</th>' ;
                    html = html + '<th width="20%">Lihat Fail</th>' ;
                    html = html + '</tr>';
                    document.forEach(function(d) {
                        path = "{{url('')}}"+d.filename;
                        html = html + '<tr>';
                        html = html + '<td>' + d.type + '</td>' ;
                        if(d.filename == '')
                            html = html + '<td> - Tiada Fail</td>';
                        else
                            html = html + '<td> - <a target="_blank" href="' + path + '">Klik Di Sini</a></td>';
                        
                        html = html + '</tr>';
                        
                        
                    });
                    html = html + '</table>';
                    $('#documentlist').append(html);

                    // $('#kemaskini_area').html('<button type="button" onClick="showAudit('+x+')" class="btn btn-primary" id="audit_btn">Sejarah Kemaskini</button>');

                    // Cetak
                    $('.btn-cetak').attr('href', url);

                },
                error: function(response) {
                    $.alert({
                        type: 'red',
                        title: 'Whoops, looks like something went wrong!',
                        content: 'Please check your console.error().',
                        typeAnimated: true,
                        icon: 'fa fa-warning',
                        columnClass: 'col-md-6 col-md-offset-3',
                    });
                }
            });

            $('#maklumat_permohonan').modal('show');
        }

        String.prototype.capitalize = function() {
            return this.charAt(0).toUpperCase() + this.slice(1);
        }

        $('.modal').on("hidden.bs.modal", function (e) {
            if($('.modal:visible').length)
            {
                $('.modal-backdrop').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) - 10);
                $('body').addClass('modal-open');
            }
        }).on("show.bs.modal", function (e) {
            if($('.modal:visible').length)
            {
                $('.modal-backdrop.in').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) + 10);
                $(this).css('z-index', parseInt($('.modal-backdrop.in').first().css('z-index')) + 10);
            }
        });
    </script>
@endrole
@endsection