@extends('layouts.app')

@section('title', 'Senarai '.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>
    .form-control[disabled] {
        border: 0px;
        background: transparent;
    }
</style>
@endsection

@section('content')
@role(['super_admin','principal_admin','admin'])
    @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('principal_admin') || (Auth::user()->hasRole('admin') && Auth::user()->ipr_id == App\IPR::where('name', 'pbss')->pluck('id')[0]))
        <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">Senarai {{ App\IPR::where('name', 'pbss')->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('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>
                                            <a href="#" id="btn_datepermohonan" onclick="showDatePermohonan();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>Kemaskini Tarikh Permohonan</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">ID</option>
                                                <option value="nama">Nama Sekolah</option>
                                                <option value="dun">DUN</option>
                                                <option value="status_permohonan">Status Permohonan</option>
                                                <option value="status_dun">Status Dun</option>
                                                <option value="status_adm">Status Admin</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</th>
                                            <th>Nama Sekolah</th>
                                            <th>Tarikh Permohonan</th>
                                            <th>Status Dun</th>
                                            <th>DUN</th>
                                            <th style="max-width: 150px;">Catatan Dun</th>
                                            <th>Tarikh Pengesahan Dun</th>
                                            <th>Status Admin</th>
                                            <th>Catatan Admin</th>
                                            <th>Tarikh Pengesahan Admin</th>
                                            <th>Status Permohonan</th>
                                            <th width="10%"></th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

<div class="modal fade" id="modal_datepermohonan" 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">Kemaskini Tarikh Permohonan Dibuka</h4></div>
            <div class="modal-body">
                <div class="m-form_section m-form_section--first">
                    <h5 style="color: #f4516c">Tarikh</h5>
                    <form class="form-group" method="post" action="{{ url('/admin/permohonan/pbss/datepermohonan') }}">
                        @csrf
                        <div class="form-group row">
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">Tarikh Mula:</label>
                                <input type="text" class="form-control" id="m_tarikhmula" name="ipr_tarikhmula" data-provide="datepicker" data-date-format="dd/mm/yyyy" uib-datepicker-popup="DD/MM/YYYY" value="{{\Carbon\Carbon::parse($ipr->tarikh_mula)->format('d/m/Y')}}">
                            </div>
                            <div class="col-md-6">
                                <label for="recipient-name" class="form-control-label">Tarikh Akhir:</label>
                                <input type="text" class="form-control" id="m_tarikhakhir" name="ipr_tarikhakhir" data-provide="datepicker" data-date-format="dd/mm/yyyy" uib-datepicker-popup="DD/MM/YYYY" value="{{\Carbon\Carbon::parse($ipr->tarikh_akhir)->format('d/m/Y')}}">
                            </div>
                        </div>
                        <div class="form-group row">
                            <div class="col-md-12">
                                <button type="submit" class="btn btn-primary">Kemaskini</button>
                                <a href="#" class="btn btn-secondary" role="button" data-dismiss="modal">Kembali</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<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="created_at"></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">
                    <h5 style="color: #f4516c">Jenis Sekolah</h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-4">
                            <label for="recipient-name" class="form-control-label">Jenis Sekolah:</label>
                            <input type="text" class="form-control" id="m_jenis_sekolah" readonly>
                        </div>
                        <div class="col-md-4">
                            <label for="recipient-name" class="form-control-label">DUN:</label>
                            <input type="text" class="form-control" id="m_dun_id" readonly>
                        </div>
                        <div class="col-md-4">
                            <label for="recipient-name" class="form-control-label">Parlimen:</label>
                            <input type="text" class="form-control" id="m_nama_parlimen" readonly>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="m-form_section m-form_section--second">
                    <h5 style="color: #f4516c">Maklumat Sekolah</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Nama Sekolah:</label>
                            <input type="text" class="form-control" id="m_nama_sekolah" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Telefon:</label>
                            <input type="text" class="form-control" id="m_no_tel_sekolah" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">E-mel:</label>
                            <input type="text" class="form-control" id="m_emel_sekolah" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Telefon Faks:</label>
                            <input type="text" class="form-control" id="m_no_faks_sekolah" readonly>
                        </div>
                    </div>
                    <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" rows="3" id="m_alamat_sekolah" readonly></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Bilangan Pelajar:</label>
                            <input type="text" class="form-control" id="m_bilangan_pelajar" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Bilangan Kakitangan:</label>
                            <input type="text" class="form-control" id="m_bilangan_kakitangan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Bilangan Guru:</label>
                            <input type="text" class="form-control" id="m_bilangan_guru" readonly>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="m-form_section m-form_section--second">
                    <h5 style="color: #f4516c">Maklumat Pengelola Sekolah / PIBG</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" rows="3" id="m_alamat_pengelola_pibg" readonly></textarea>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="m-form_section m-form_section--second">
                    <h5 style="color: #f4516c">Maklumat Bantuan</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Bantuan Kerajaan Negeri Selangor:</label>
                            <input type="text" class="form-control" id="m_bantuan_kerajaan_negeri" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Peringkat Pembinaan/ Pelaksanaan Program:</label>
                            <input type="text" class="form-control" id="m_peringkat_pembinaan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Perkara:</label>
                            <input type="text" class="form-control" id="m_perkara" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Kawasan:</label>
                            <input type="text" class="form-control" id="m_kawasan" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Anggaran Kos Baik Pulih:</label>
                            <div class="input-group m-input-group">
                                <span class="input-group-addon">RM</span>
                                <input type="text" class="form-control" id="m_anggaran_kos_baik_pulih" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Bantuan Yang Diperolehi Daripada Kerajaan Negeri:</label>
                            <div class="input-group m-input-group">
                                <span class="input-group-addon">RM</span>
                                <input type="text" class="form-control" id="m_jumlah_bantuan" readonly>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Jumlah Peruntukan Yang Dipohon:</label>
                            <div class="input-group m-input-group">
                                <span class="input-group-addon">RM</span>
                                <input type="text" class="form-control" id="m_jumlah_dipohon" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="m-form_section m-form_section--second">
                    <h5 style="color: #f4516c">Maklumat Akaun Pengelola / PIBG</h5><br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Nama Akaun:</label>
                            <input type="text" class="form-control" id="m_nama_akaun_pengelola_pibg" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">Nama Bank:</label>
                            <input type="text" class="form-control" id="m_nama_bank_pengelola_pibg" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">No Akaun Bank:</label>
                            <input type="text" class="form-control" id="m_no_akaun_pengelola_pibg" readonly>
                        </div>
                    </div>
                </div>
                <hr>
                <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>
            <br>
        </div>
    </div>
</div>
@endrole
@endsection

@section('js')
@role(['super_admin','principal_admin','admin'])
    <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("2020-01-01");
        var end = moment();

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

            var from_date = start.format('YYYY-MM-DD');
            var to_date = end.format('YYYY-MM-DD');
            var filter_dun = $("#filter_dun").val();

            $('#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('admin/permohonan/pbss/list?status=') }}{{ $status }}',
                    data:{from_date, to_date, to_date}
                },
                searching: false,
                language: {
                    emptyTable: "Tiada Data"
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'nama', name: 'nama' },
                    { data: 'tarikh_permohonan', name: 'tarikh_permohonan' },
                    { data: 'status_dun', name: 'status_dun' },
                    { data: 'nama_dun', name: 'nama_dun' },
                    { data: 'catatan_dun', name: 'catatan_dun' },
                    { data: 'tkh_pengesahan_dun', name: 'tkh_pengesahan_dun' },
                    { data: 'status_adm', name: 'status_adm' },
                    { data: 'catatan_adm', name: 'catatan_adm' },
                    { data: 'tkh_pengesahan_adm', name: 'tkh_pengesahan_adm' },
                    { data: 'status_permohonan', name: 'status_permohonan' },
                    { 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('admin/permohonan/pbss/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: 'nama' },
                { data: 'tarikh_permohonan', name: 'tarikh_permohonan' },
                { data: 'status_dun', name: 'status_dun' },
                { data: 'nama_dun', name: 'nama_dun' },
                { data: 'catatan_dun', name: 'catatan_dun' },
                { data: 'tkh_pengesahan_dun', name: 'tkh_pengesahan_dun' },
                { data: 'status_adm', name: 'status_adm' },
                { data: 'catatan_adm', name: 'catatan_adm' },
                { data: 'tkh_pengesahan_adm', name: 'tkh_pengesahan_adm' },
                { data: 'status_permohonan', name: 'status_permohonan' },
                { data: 'action', name: 'action', orderable: false, searchable: false }
            ],
        });
    });

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

    $(function() {
        var start = moment("2008-01-01");
        var end = moment();

        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('admin/permohonan/pbss/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('admin/permohonan/pbss/show')}}',
            type: 'POST',
            data: data,
            success: function(response) {
                var permohonan_pbss = response.permohonan,
                documents = response.documents,
                dun = response.dun,
                daerah = response.daerah,
                daerah_sekolah = response.daerah_sekolah,
                negeri_sekolah = response.negeri_sekolah,
                negeri = response.negeri,
                daerah_pengelola_pibg = response.daerah_pengelola_pibg,
                negeri_pengelola_pibg = response.negeri_pengelola_pibg,
                url = '{{ url('admin/rumusan') }}?ipr=pbss&id='+x;


                // Comma Seperator
                var r = parseFloat(response.permohonan.jumlah_dipohon);
                var r = r.toFixed(2);
                var jumlah_pohon = r.toString().split(".");
                jumlah_pohon[0] = jumlah_pohon[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                if(jumlah_pohon[1] != null){
                jumlah_pohon = jumlah_pohon[0]+"."+jumlah_pohon[1];
                }

                var y = parseFloat(response.permohonan.anggaran_kos_baik_pulih);
                var y = y.toFixed(2);
                var anggaran_kos = y.toString().split(".");
                anggaran_kos[0] = anggaran_kos[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                if(anggaran_kos[1] != null){
                anggaran_kos = anggaran_kos[0]+"."+anggaran_kos[1];
                }

                var z = parseFloat(response.permohonan.jumlah_bantuan);
                var z = z.toFixed(2);
                var jumlah_bantuan = z.toString().split(".");
                jumlah_bantuan[0] = jumlah_bantuan[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
                if(jumlah_bantuan[1] != null){
                jumlah_bantuan = jumlah_bantuan[0]+"."+jumlah_bantuan[1];
                }

                $('#created_at').html(moment(permohonan_pbss.created_at, 'YYYY-MM-DD HH:mm:ss').format('DD/MM/YYYY'));

                $('#m_jenis_sekolah').val(permohonan_pbss.jenis_sekolah);
                $('#m_dun_id').val(dun.nama);
                $('#m_nama_parlimen').val(permohonan_pbss.nama_parlimen);
                $('#m_nama_sekolah').val(permohonan_pbss.nama_sekolah);
                $('#m_no_tel_sekolah').val(permohonan_pbss.no_tel_sekolah);
                $('#m_emel_sekolah').val(permohonan_pbss.emel_sekolah);
                $('#m_no_faks_sekolah').val(permohonan_pbss.no_faks_sekolah);
                $('#m_bilangan_pelajar').val(permohonan_pbss.bil_pelajar);
                $('#m_bilangan_kakitangan').val(permohonan_pbss.bil_kakitangan);
                $('#m_bilangan_guru').val(permohonan_pbss.bil_guru);
                $('#m_bantuan_kerajaan_negeri').val(permohonan_pbss.bantuan_kerajaan_negeri);
                $('#m_peringkat_pembinaan').val(permohonan_pbss.peringkat_pembinaan);
                $('#m_perkara').val(permohonan_pbss.perkara);
                $('#m_kawasan').val(permohonan_pbss.kawasan);
                $('#m_anggaran_kos_baik_pulih').val(anggaran_kos);
                $('#m_jumlah_bantuan').val(jumlah_bantuan);
                $('#m_jumlah_dipohon').val(jumlah_pohon);
                $('#m_nama_akaun_pengelola_pibg').val(permohonan_pbss.nama_akaun_pengelola_pibg);
                $('#m_nama_bank_pengelola_pibg').val(permohonan_pbss.nama_bank_pengelola_pibg);
                $('#m_no_akaun_pengelola_pibg').val(permohonan_pbss.no_akaun_pengelola_pibg);
                
                $('#m_alamat_sekolah').html([
                permohonan_pbss.alamat_sekolah_1 + ', ',
                permohonan_pbss.alamat_sekolah_2 ? permohonan_pbss.alamat_sekolah_2 + ', ' : '',
                permohonan_pbss.alamat_sekolah_3 ? permohonan_pbss.alamat_sekolah_3 + ', ' : '',
                permohonan_pbss.poskod_sekolah + ', ',
                daerah_sekolah.nama + ', ',
                negeri_sekolah.nama
                ]);

                $('#m_alamat_pengelola_pibg').html([
                permohonan_pbss.alamat_pengelola_pibg_1 + ', ',
                permohonan_pbss.alamat_pengelola_pibg_2 ? permohonan_pbss.alamat_pengelola_pibg_2 + ', ' : '',
                permohonan_pbss.alamat_pengelola_pibg_3 ? permohonan_pbss.alamat_pengelola_pibg_3 + ', ' : '',
                permohonan_pbss.poskod_pengelola_pibg + ', ',
                daerah_pengelola_pibg.nama + ', ',
                negeri_pengelola_pibg.nama
                ]);

                $('#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>';
                    documents.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);

                $('.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');
    }

    function showDatePermohonan(){
        $('#modal_datepermohonan').modal('show');
    }
</script>
@endrole
@endsection