@extends('layouts.app')

@section('title', 'Senarai E-Kasih')
@section('list_ekasih', '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;
    }
    .form-control-span {
        font-size: 14px;
    }
</style>
@endsection

@section('content')
@role(['super_admin','icu_jpm'])
    @if( Auth::user()->hasRole('icu_jpm') )
        <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 Pemohon E-Kasih
                            </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('icu_jpm') )
                                        <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_tahun" style="height:unset;padding:5px 5px;width:70px;">
                                            <option value="">Keseluruhan Tahun</option>
                                            @php 
                                                foreach(range(date('Y'), 2016) as $year) {
                                                    echo "<option value='$year'>$year</option>";
                                                }
                                            @endphp
                                        </select>
                                        <select class="form-control" id="filter_type" style="height:unset;padding:5px 5px;">
                                            <option value="id_ekasih">Id Permohonan</option>
                                            <option value="nama">Nama</option>
                                            <option value="ic">No. Identiti</option>
                                            <option value="status_daftar">Status Daftar</option>
                                            <option value="status_miskin">Status Miskin</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>
                            <table class="table table-striped" id="permohonan_table" style="overflow-x: auto !important;width: 100% !important;">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Tahun</th>
                                        <th>Nama</th>
                                        <th>No. Identiti</th>
                                        <th>Status Daftar</th>
                                        <th>Status Miskin</th>
                                        <th>Tarikh Muatnaik</th>
                                        <!-- <th width="10%"></th> -->
                                    </tr>
                                </thead>
                            </table>
                        </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">
                            <h5 style="color: #f4516c">Status Permohonan:</h5><br/>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label" id="m_status_mohon"></label>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle">
                            <h5 style="color: #f4516c">Maklumat Peribadi:</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">
                                        No. Identiti:
                                    </label>
                                    <input type="text" class="form-control" id="m_ic" 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" 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>
                            <div class="form-group row">
                                <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 class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Pendapatan Bulanan:
                                    </label>
                                    <div class="input-group m-input-group">
                                        <span class="input-group-addon">
                                            RM
                                        </span>
                                        <input type="text" class="form-control" id="m_pendapatan" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Jenis Meter Air:
                                    </label>
                                    <input type="text" class="form-control" id="m_jenis_meter_air" readonly>
                                </div>
                                <div class="col-md-6 no_akaun_air">
                                    <label for="recipient-name" class="form-control-label">
                                        Nombor Akaun Air:
                                    </label>
                                    <input type="text" class="form-control" id="m_no_akaun_air" readonly>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr maklumat_pasangan">
                        <div class="m-form__section m-form__section--middle maklumat_pasangan">
                            <h5 style="color: #f4516c">
                                Maklumat Pasangan:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-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>
                                            </tr>
                                        </thead>
                                        <tbody id="m_pasangan_input"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle">
                            <h5 style="color: #f4516c">
                                Maklumat Pendapatan:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Jumlah Pendapatan Pemohon:
                                    </label>
                                    <div class="input-group m-input-group">
                                        <span class="input-group-addon">
                                            RM
                                        </span>
                                        <input type="text" class="form-control" id="m_pendapatan_pemohon" readonly>
                                    </div>
                                </div>
                                <div class="col-md-6 maklumat_pasangan">
                                    <label for="recipient-name" class="form-control-label">
                                        Jumlah Pendapatan Pasangan:
                                    </label>
                                    <div class="input-group m-input-group">
                                        <span class="input-group-addon">
                                            RM
                                        </span>
                                        <input type="text" class="form-control" id="m_pendapatan_pasangan" readonly>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Jumlah Pendapatan Isi Rumah:
                                    </label>
                                    <div class="input-group m-input-group">
                                        <span class="input-group-addon">
                                            RM
                                        </span>
                                        <input type="text" class="form-control" id="m_pendapatan_isi_rumah" readonly>
                                    </div>
                                </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">
                                        Status Pemilikan Premis
                                    </label>
                                    <input type="text" class="form-control" id="m_status_pemilikan" readonly>
                                </div>
                                <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>
                        </div>
                        <hr class="modal-hr maklumat_jmb">
                        <div class="m-form__section m-form__section--last maklumat_jmb">
                            <h5 style="color: #f4516c">
                                Maklumat Badan Pengurusan Bersama (JMB) / <br> Perbadanan Pengurusan (MC):
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Nama JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_nama" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        E-mel JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_emel" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        No. Pendaftaran JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_no_pendaftaran" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        No. Telefon JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_no_tel" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        Nama Wakil JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_nama_wakil" readonly>
                                </div>
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        Jawatan Wakil JMB/MC
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_jawatan_wakil" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        No. Akaun Pukal
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_no_akaun_pukal" readonly>
                                </div>
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        No. Meter Pukal
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_no_meter_pukal" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6 oleh_admin">
                                    <label for="recipient-name" class="form-control-label">
                                        Tarikh Pengesahan
                                    </label>
                                    <input type="text" class="form-control" id="m_jmb_tarikh_pengesahan" readonly>
                                </div>
                            </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 --}}
    @endif
@endrole
@endsection

@section('js')
@role(['icu_jpm'])
    <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("2019-01-01");
        var end = moment();

        $(document).ready(function() {

            var from_date = start.format('YYYY-MM-DD');
            var to_date = end.format('YYYY-MM-DD');
            var filter_tahun = $('#filter_tahun').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('icu/e-kasih/list') }}',
                    data:{from_date, to_date, filter_tahun}
                },
                searching: false,
                language: {
                    emptyTable: "Tiada Data"
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'tahun_ekasih', name: 'tahun_ekasih' },
                    { data: 'nama_ekasih', name: 'nama_ekasih' },
                    { data: 'ic_ekasih', name: 'ic_ekasih' },
                    { data: 'status_daftar', name: 'status_daftar' },
                    { data: 'status_miskin', name: 'status_miskin' },
                    { data: 'created_at', name: 'created_at' },
                    // { 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();
            var filter_tahun = $('#filter_tahun').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('icu/e-kasih/list') }}',
                    data:{status:status, from_date:from_date, to_date:to_date, q:q, filter_type:filter_type, filter_tahun:filter_tahun}
                },
                searching: false,
                language: {
                    emptyTable: "Tiada Data"
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'tahun_ekasih', name: 'tahun_ekasih' },
                    { data: 'nama_ekasih', name: 'nama_ekasih' },
                    { data: 'ic_ekasih', name: 'ic_ekasih' },
                    { data: 'status_daftar', name: 'status_daftar' },
                    { data: 'status_miskin', name: 'status_miskin' },
                    { data: 'created_at', name: 'created_at' },
                    // { 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();
            var filter_tahun = $('#filter_tahun').val();

            window.open('{{ url('icu/e-kasih/export?_token=') }}{{csrf_token()}}&status='+from_date+'&to_date='+to_date+'&q='+q+'&filter_type='+filter_type+'&filter_tahun='+filter_tahun, '_blank');
        }

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

        //     $.ajax({
        //         url: '{{ url('icu/e-kasih/show') }}',
        //         type: 'POST',
        //         data: data,
        //         success: function(response) {
        //             var permohonan_sade = response.permohonan,
        //                 pasangan = response.pasangan,
        //                 audit = response.audit
        //                 is_permission_own = response.is_permission_own,
        //                 is_permission_all = response.is_permission_all,
        //                 url = '{{ url('admin/rumusan') }}?ipr=sade&id='+x;

        //             if(permohonan_sade.oleh_admin) {
        //                 $('.oleh_admin').show();
        //             } else {
        //                 $('.oleh_admin').hide();
        //             }
        //             if(String(permohonan_sade.jenis_meter_air).toUpperCase() == 'INDIVIDU') {
        //                 $('.maklumat_jmb').hide();
        //                 $('.no_akaun_air').show();
        //             } else {
        //                 $('.maklumat_jmb').show();
        //                 $('.no_akaun_air').hide();
        //             }
        //             if(permohonan_sade.status_perkahwinan == 'Berkahwin') {
        //                 $('.maklumat_pasangan').show();
        //             } else {
        //                 $('.maklumat_pasangan').hide();
        //             }

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

        //             var status = alasan = '';
        //             var tarikh = '';
        //             switch (permohonan_sade.status) {
        //                 case -1:
        //                     status = 'Dibatalkan';
        //                     alasan = permohonan_sade.comments ?? 'Tiada Sebab';
        //                     tarikh = permohonan_sade.tarikh_pembatalan != null ? ' - '+moment(permohonan_sade.tarikh_pembatalan, 'YYYY-MM-DD HH:mm:ss').format('DD/MM/YYYY') : '';
        //                     break;

        //                 case 0:
        //                 case 1:
        //                     status = 'Diproses';
        //                     alasan = permohonan_sade.comments ?? '';
        //                     break;

        //                 case 2:
        //                     status = 'Lulus';
        //                     tarikh = permohonan_sade.tarikh_gagal_lulus != null ? ' - '+moment(permohonan_sade.tarikh_gagal_lulus, 'YYYY-MM-DD HH:mm:ss').format('DD/MM/YYYY') : '';
        //                     break;

        //                 case 4:
        //                     status = 'Pukal';
        //                     break;

        //                 case 3:
        //                     status = 'Gagal';
        //                     alasan = permohonan_sade.comments ?? 'Tiada Sebab';
        //                     tarikh = permohonan_sade.tarikh_gagal_lulus != null ? ' - '+moment(permohonan_sade.tarikh_gagal_lulus, 'YYYY-MM-DD HH:mm:ss').format('DD/MM/YYYY') : '';
        //                     break;
        //             }
                    
        //             $('#m_status_mohon').html(status);
        //             if (alasan != '') {
        //                 $('#m_status_mohon').append(' ('+alasan+')');
        //             }
        //             if (tarikh != '') {
        //                 $('#m_status_mohon').append(tarikh);
        //             }

        //             // Maklumat Peribadi
        //             $('#m_nama').val(permohonan_sade.nama);
        //             $('#m_ic').val(permohonan_sade.ic_pemohon);
        //             $('#m_emel').val(permohonan_sade.email);
        //             $('#m_tel_bimbit').val(permohonan_sade.tel_bimbit);
        //             $('#m_status_perkahwinan').val(permohonan_sade.status_perkahwinan);
        //             $('#m_pendapatan').val(parseFloat(permohonan_sade.pendapatan_pemohon).toFixed(2));
        //             $('#m_jenis_meter_air').val(permohonan_sade.jenis_meter_air);
        //             $('#m_no_akaun_air').val(permohonan_sade.no_akaun_air);

        //             // Maklumat Pasangan
        //             var pendapatan_pasangan = 0;
        //             $('#m_pasangan_input').html('');
        //             pasangan.forEach(function(d) {
        //                 html =
        //                 '<tr>'+
        //                     '<td>'+
        //                         '<input type="text" class="form-control m-input" value="'+(d.ic_pasangan != null?d.ic_pasangan:'-')+'" disabled>'+
        //                     '</td>'+
        //                     '<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.emel != null?d.emel:'-')+'" disabled>'+
        //                     '</td>'+
        //                     '<td>'+
        //                         '<input type="text" class="form-control m-input" value="'+(d.no_tel_bimbit != null?d.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" value="'+(d.pendapatan != null?(parseFloat(d.pendapatan).toFixed(2)):'')+'" disabled>'+
        //                         '</div>'+
        //                     '</td>'+
        //                 '</tr>';

        //                 $('#m_pasangan_input').append(html);
        //                 if (d.pendapatan != null) {
        //                     pendapatan_pasangan = parseFloat(pendapatan_pasangan) + parseFloat(d.pendapatan);
        //                 }
        //             });

        //             var total = 0;
        //             total = parseFloat(permohonan_sade.pendapatan_pemohon) + parseFloat(pendapatan_pasangan);

        //             $('#m_pendapatan_pemohon').val(parseFloat(permohonan_sade.pendapatan_pemohon).toFixed(2));
        //             $('#m_pendapatan_pasangan').val(parseFloat(pendapatan_pasangan).toFixed(2));
        //             $('#m_pendapatan_isi_rumah').val(parseFloat(total).toFixed(2));

        //             // Maklumat Tempat Tinggal
        //             $('#m_status_pemilikan').val(permohonan_sade.status_pemilikan);
        //             $('#m_alamat').html([
        //                 permohonan_sade.alamat_1+', ',
        //                 permohonan_sade.alamat_2 ? permohonan_sade.alamat_2+', ' : '',
        //                 permohonan_sade.alamat_3 ? permohonan_sade.alamat_3+', ' : '',
        //                 permohonan_sade.poskod+', ',
        //                 permohonan_sade.negeri
        //             ]);

        //             // Maklumat JMB
        //             $('#m_jmb_nama').val(permohonan_sade.nama_jmb);
        //             $('#m_jmb_emel').val(permohonan_sade.emel_jmb);
        //             $('#m_jmb_no_pendaftaran').val(permohonan_sade.no_pendaftaran_jmb);
        //             $('#m_jmb_no_tel').val(permohonan_sade.no_tel_jmb);
        //             $('#m_jmb_nama_wakil').val(permohonan_sade.nama_wakil_jmb);
        //             $('#m_jmb_jawatan_wakil').val(permohonan_sade.jawatan_wakil_jmb);
        //             $('#m_jmb_no_akaun_pukal').val(permohonan_sade.no_akaun_pukal);
        //             $('#m_jmb_no_meter_pukal').val(permohonan_sade.no_meter_pukal);
        //             $('#m_jmb_tarikh_pengesahan').val(permohonan_sade.tarikh_pengesahan);

        //             $('#kemaskini_area').html('<button type="button" onClick="showAudit('+x+')" class="btn btn-primary" id="audit_btn">Sejarah Kemaskini</button>');
                    
        //             $('#pembatalan').html('');
        //             if (permohonan_sade.status != 4 && permohonan_sade.status != -1) {
        //                 if(is_permission_all || (is_permission_own && permohonan_sade.oleh_admin == response.user_id)) {
        //                     $('#pembatalan').html('<button type="button" onClick="showCancel('+x+');" class="btn btn-secondary" style="background:#f4516c;color:white;">Pembatalan</button>');
        //                 }
        //             }
        //             $('#permohonan').html('');
        //             if (permohonan_sade.status == -1 || permohonan_sade.status == 3) {
        //                 if(is_permission_all || (is_permission_own && permohonan_sade.oleh_admin == response.user_id)) {
        //                     var link = "{{ url('admin/permohonan/sade/add') }}" + "?id=" + permohonan_sade.id;
        //                     $('#permohonan').html('<a href="'+link+'" type="button" class="btn btn-success">'+(permohonan_sade.status==-1?'Permohonan Semula':'Permohonan Rayuan')+'</a>');
        //                 }
        //             }

        //             // Cetak
        //             $('.btn-cetak').attr('href', url);
        //         },
        //         error: function(response) {
        //             $.alert({
        //                 type: 'red',
        //                 title: 'Whoops, looks like something went wrong!',
        //                 content: 'Please check with system admin.',
        //                 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