@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(['daerah'])

        <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', 'mikro')->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') || $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_daerah">Status DAERAH</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>Daerah</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">
                                        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">
                                        Tempoh Mastautin:
                                    </label>
                                    <input type="text" class="form-control" id="m_tempoh_mastautin" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Taraf Pendidikan:
                                    </label>
                                    <input type="text" class="form-control" id="m_taraf_pendidikan" 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">
                                        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">
                                        Emel:
                                    </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 Faks:
                                    </label>
                                    <input type="text" class="form-control" id="m_faks" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Tarikh Lahir:
                                    </label>
                                    <input type="text" class="form-control" id="m_tarikh_lahir" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Umur:
                                    </label>
                                    <input type="text" class="form-control" id="m_umur" 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>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle bantuan">
                            <h5 style="color: #f4516c">
                                Maklumat Kemahiran Pemohon:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Kemahiran</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_kemahiran"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle bantuan">
                            <h5 style="color: #f4516c">
                                Maklumat Kursus Usahawan Yang Dihadiri:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Kursus</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_kursus"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle bantuan">
                            <h5 style="color: #f4516c">
                                Maklumat Pengalaman Bekerja Pemohon:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Nama Syarikat</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_pengalaman"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Jawatan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_pengalaman1"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--first">
                            <h5 style="color: #f4516c">
                                Maklumat Perniagaan:
                            </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_pejabat" readonly></textarea>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Tarikh Operasi:
                                    </label>
                                    <input type="text" class="form-control" id="m_tarikh_operasi" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Tapak Perniagaan:
                                    </label>
                                    <input type="text" class="form-control" id="m_tapak_perniagaan" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Jumlah Pekerja:
                                    </label>
                                    <input type="text" class="form-control" id="m_jumlah_pekerja" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Nilai Jualan Tahun 2020:
                                    </label>
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control" id="m_nilai_jualan_1" readonly></span>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Nilai Jualan Tahun 2019:
                                    </label>
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control" id="m_nilai_jualan_2" readonly></span>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Modal Yang Di Keluarkan:
                                    </label>
                                    <span class="input-group-addon">
                                        RM
                                        <input type="text" class="form-control" id="m_modal" readonly></span>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle bantuan">
                            <h5 style="color: #f4516c">
                                Maklumat Produk:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Produk</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_produk"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle bantuan">
                            <h5 style="color: #f4516c">
                                Maklumat Peralatan Sedia Ada:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Peralatan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_peralatan"></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-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Jenis Bantuan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_jenis_bantuan"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Jenama</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_jenama"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>model</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_model"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Tujuan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_tujuan"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Jumlah</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_jumlah"></tbody>
                                    </table>
                                </div>
                                <div class="col-md-2">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Jangkaan</th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_jangkaan"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--first">
                            <br>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Ulasan:
                                    </label>
                                    <input type="text" class="form-control" id="m_ulasan" 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(['daerah'])
        <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');

                $('#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('daerah/permohonan/mikro/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_mikro.ic_pemohon'
                        },
                        {
                            data: 'daerah',
                            name: 'daerah'
                        },
                        {
                            data: 'tarikh_permohonan',
                            name: 'permohonan_mikro.tarikh_permohonan'
                        },
                        {
                            data: 'status_daerah',
                            name: 'status_daerah'
                        },
                        {
                            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('daerah/permohonan/mikro/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: 'ic_pemohon'
                        },
                        {
                            data: 'daerah',
                            name: 'daerah'
                        },
                        {
                            data: 'tarikh_permohonan',
                            name: 'tarikh_permohonan'
                        },
                        {
                            data: 'status_daerah',
                            name: 'status_daerah'
                        },
                        {
                            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('daerah/permohonan/mikro/export?_token=') }}{{ csrf_token() }}&status=' + status +
                    '&from_date=' + from_date + '&to_date=' + to_date + '&q=' + q + '&filter_type=' + filter_type, '_blank');
            }

            function showDetail(x) {
                $('#sejarah_kemaskini').modal('hide');
                var data = {
                    _token: '{{ csrf_token() }}',
                    id: x
                };

                $.ajax({
                    url: '{{ url('daerah/permohonan/mikro/show') }}',
                    type: 'POST',
                    data: data,
                    success: function(response) {
                        var permohonan_mikro = response.permohonan,
                            profile = response.profile,
                            application_detail = response.application_detail,
                            data_kemahiran = response.data_kemahiran,
                            data_khursus = response.data_khursus,
                            data_syarikat = response.data_syarikat,
                            data_jawatan = response.data_jawatan,
                            data_produk = response.data_produk,
                            data_peralatan = response.data_peralatan,
                            data_jenis_bantuan = response.data_jenis_bantuan,
                            data_jenama = response.data_jenama,
                            data_model = response.data_model,
                            data_tujuan = response.data_tujuan,
                            data_jumlah_bantuan = response.data_jumlah_bantuan,
                            data_jangkaan = response.data_jangkaan,
                            document = response.document,
                            umur = response.umur
                        url = '{{ url('daerah/rumusan') }}?ipr=mikro&id=' + x;
                        pendapatan_rumah = 0;

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

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

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

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

                    $('#statusDaerah').val(statusDaerah)
                    $('#statusAgensi').val(statusAgensi)

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

                        // Maklumat Peribadi
                        $('#m_nama').val(profile.nama);
                        $('#m_ic').val(profile.ic);
                        $('#m_tempoh_mastautin').val(profile.tempoh_mastautin);
                        $('#m_taraf_pendidikan').val(permohonan_mikro.taraf_pendidikan_permohonan);
                        $('#m_emel').val(profile.email);
                        $('#m_tel_bimbit').val(profile.tel_bimbit);
                        $('#m_tel_rumah').val(profile.tel_rumah);
                        $('#m_faks').val(permohonan_mikro.no_fax);
                        $('#m_tarikh_lahir').val(profile.tarikh_lahir);
                        $('#m_umur').val(umur);
                        $('#m_ulasan').val(permohonan_mikro.ulasan);

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

                        // Maklumat Kemahiran
                        $('#m_kemahiran').html('');

                        data_kemahiran.forEach(function(d) {

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

                            $('#m_kemahiran').append(html);
                        });
                        // Maklumat Kursus
                        $('#m_kursus').html('');

                        data_khursus.forEach(function(d) {

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

                            $('#m_kursus').append(html);
                        });
                        // Maklumat Pengalaman
                        $('#m_pengalaman').html('');
                        data_syarikat.forEach(function(d) {

                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d
                                    .nama_syarikat != null ? d.nama_syarikat : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_pengalaman').append(html);
                        });
                        $('#m_pengalaman1').html('');
                        data_jawatan.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d.jawatan !=
                                    null ? d.jawatan : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_pengalaman1').append(html);
                        });

                        // Maklumat Bantuan
                        $('#m_jenis_bantuan').html('');
                        data_jenis_bantuan.forEach(function(d) {

                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d
                                    .jenis_bantuan != null ? d.jenis_bantuan : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_jenis_bantuan').append(html);
                        });
                        $('#m_jenama').html('');
                        data_jenama.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d.jenama !=
                                    null ? d.jenama : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_jenama').append(html);
                        });
                        $('#m_model').html('');
                        data_model.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d.model !=
                                    null ? d.model : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_model').append(html);
                        });
                        $('#m_tujuan').html('');
                        data_tujuan.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d.tujuan !=
                                    null ? d.tujuan : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_tujuan').append(html);
                        });
                        $('#m_jumlah').html('');
                        data_jumlah_bantuan.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d
                                    .jumlah_bantuan != null ? d.jumlah_bantuan : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_jumlah').append(html);
                        });
                        $('#m_jangkaan').html('');
                        data_jangkaan.forEach(function(d) {
                            html =
                                '<tr>' +
                                '<td>' +
                                '<input type="text" class="form-control m-input" value="' + (d
                                    .jangkaan_bantuan != null ? d.jangkaan_bantuan : '-') + '" disabled>' +
                                '</td>' +
                                '</tr>';
                            $('#m_jangkaan').append(html);
                        });

                        // Maklumat Perniagaan
                        $('#m_alamat_pejabat').html([
                            application_detail[0].alamat_pej_1 + ', ',
                            application_detail[0].alamat_pej_2 ? application_detail[0].alamat_pej_2 + ', ' :
                            '',
                            application_detail[0].alamat_pej_3 ? application_detail[0].alamat_pej_3 + ', ' :
                            '',
                            application_detail[0].poskod_pej + ', ',
                            application_detail[0].daerah_pej + ', ',
                            application_detail[0].negeri_pej
                        ]);

                        $('#m_tarikh_operasi').val(application_detail[0].tarikh_operasi);
                        $('#m_tapak_perniagaan').val(application_detail[0].tapak_perniagaan);
                        $('#m_jumlah_pekerja').val(application_detail[0].jumlah_pekerja);
                        $('#m_nilai_jualan_1').val(application_detail[0].nilai_jualan_1);
                        $('#m_nilai_jualan_2').val(application_detail[0].nilai_jualan_2);
                        $('#m_modal').val(application_detail[0].modal);

                        // Maklumat Produk
                        $('#m_produk').html('');

                        data_produk.forEach(function(d) {

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

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

                        // Maklumat Peralatan
                        $('#m_peralatan').html('');

                        data_peralatan.forEach(function(d) {

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

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

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

                        // 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