@extends('layouts.app')
@section('title', 'Permohonan '.strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))
@section('permohonan', 'm-menu__item--active')
@section(App\Cluster::where('id', $ipr->cluster_id)->pluck('name')[0], 'm-menu__item--active')
@section(App\IPR::where('name', $ipr->name)->pluck('name')[0], 'm-menu__item--active')
@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
   .range_inputs {
      display: none;
   }
</style>
@endsection
@section('content')
@role(['super_admin', 'maker', 'rakyat'])
<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', 'pbss')->pluck('display_name')[0] }}
                     <br>
                     <span>
                        <small> {{Auth::user()->name}} </small>
                     </span>
               </div>
            </div>
            <div class="datatable">
               <div class="col-md-12">
                  <form class="pull-right" id="search_form" style="margin-top: 15px;">
                     <div class="input-group">
                        @if(Auth::user()->hasRole('super_admin') || Auth::user()->hasRole('rakyat') || $is_permission_own || $is_permission_all)
                              <!-- <div class="" style="margin-right:5px">
                                 <a href="{{ url('cluster/pendidikan/pbss/create') }}" class="btn btn-info m-btn m-btn--custom m-btn--icon m-btn--air m-btn--pill" style="padding:.75rem 1rem">
                                    <span>
                                       <i class="la la-plus"></i>
                                       <span>
                                          Permohonan Baru
                                       </span>
                                    </span>
                                 </a>
                              </div> -->
                        <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">ID</option>
                           <option value="nama">Nama Sekolah</option>
                           <option value="anggaran_kos_baik_pulih">Anggaran Kos Baik Pulih</option>
                           <option value="jumlah_dipohon">Jumlah Dipohon</option>
                           <option value="status">Status</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">
                  <thead>
                     <tr>
                        <th>Id</th>
                        <th>Tarikh Permohonan</th>
                        <th>Nama Sekolah</th>
                        <th>Anggaran Kos Baik Pulih</th>
                        <th>Jumlah Dipohon</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="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--middle">
                            <h5 style="color: #f4516c">
                                Maklumat Permohonan:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label">
                                        Status Permohonan:
                                    </label>
                                    <input type="text" class="form-control" id="m_status" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label for="recipient-name" class="form-control-label"  id="m_alasan2">
                                       Alasan:
                                    </label>
                                    <input type="text" class="form-control" id="m_alasan" readonly>
                                </div>
                            </div>
                        </div>
               <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>
            <!-- Maklumat Sekolah -->
            <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 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>
               <div class="form-group row">
               <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 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>
             <!-- Maklumat Pengelola Sekolah -->
            <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>
             <!-- Maklumat Bantuan -->
            <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>
            <!-- Maklumat Akaun -->
            <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>
            <!-- Maklumat Pemohon -->
            <!-- <div class="m-form_section m-form_section--second">
               <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 Pemohon:
                  </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">
                     Jawatan Pemohon:
                  </label>
                  <input type="text" class="form-control" id="m_jenis_pekerjaan" readonly>
               </div>
               </div>
               <div class="form-group row">
               <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 class="col-md-6">
                  <label for="recipient-name" class="form-control-label">
                  No Telefon Bimbit:
                  </label>
                  <input type="text" class="form-control" id="m_no_tel" 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" readonly></textarea>
               </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>
         <br>
      </div>
   </div>
</div>
{{-- End Modal --}}

@endrole
@endsection

@section('js')
@role(['super_admin','admin', 'maker', 'rakyat'])
<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>
   $(document).ready(function() {
      $('#permohonan_table').dataTable({
      processing: true,
      paging: true,
      pageLength: 15,
      lengthMenu: [
         [15, 30, 50, 100],
         [15, 30, 50, 100]
      ],
      serverSide: true,
      ajax: '{{ url('cluster/pendidikan/pbss/list?status=')}}{{ $status }}',
      searching : false,
      language: {
         emptyTable: "Tiada Data"
      },
      columns: [{
            data: 'id',
            name: 'id'
         },
         {
            data: 'created_at',
            name: 'created_at'
         },
         {
            data: 'nama_sekolah',
            name: 'nama_sekolah'
         },
         // {
         //    data: 'emel_sekolah',
         //    name: 'emel_sekolah'
         // },
         {
            data: 'anggaran_kos_baik_pulih',
            name: 'anggaran_kos_baik_pulih',
            render: $.fn.dataTable.render.number( ',', '.', 2, 'RM' )
         },
         {
            data: 'jumlah_dipohon',
            name: 'jumlah_dipohon',
            render: $.fn.dataTable.render.number( ',', '.', 2, 'RM' )
         },
         {
            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({
           processing: true,
           paging: true,
           pageLength: 15,
           lengthMenu: [[15, 30, 50, 100], [15, 30, 50, 100]],
           serverSide: true,
           ajax: {
               url:'{{ url('cluster/pendidikan/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: 'created_at',
            name: 'created_at'
         },
         {
            data: 'nama_sekolah',
            name: 'nama_sekolah'
         },
         {
            data: 'anggaran_kos_baik_pulih',
            name: 'anggaran_kos_baik_pulih',
            render: $.fn.dataTable.render.number( ',', '.', 2, 'RM' )
         },
         {
            data: 'jumlah_dipohon',
            name: 'jumlah_dipohon',
            render: $.fn.dataTable.render.number( ',', '.', 2, 'RM' )
         },
         {
            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('cluster/pendidikan/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('cluster/pendidikan/pbss/show')}}',
         type: 'POST',
         data: data,
         success: function(response) {
                    var permohonan = response.permohonan_pbss,
                        // profile = response.profile,
                        documents = response.documents,
                        dun = response.dun,
                        negeri_sekolah = response.negeri_sekolah,
                        daerah_sekolah = response.daerah_sekolah,
                        negeri_pengelola_pibg = response.negeri_pengelola_pibg,
                        daerah_pengelola_pibg = response.daerah_pengelola_pibg,
                        url = '{{ url('rakyat/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];
                }

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

            // Maklumat Permohonan
            $('#m_jenis_sekolah').val(response.permohonan.jenis_sekolah);
            $('#m_dun_id').val(response.dun.nama);
            $('#m_nama_parlimen').val(response.permohonan.nama_parlimen);
            $('#m_nama_sekolah').val(response.permohonan.nama_sekolah);
            $('#m_no_tel_sekolah').val(response.permohonan.no_tel_sekolah);
            $('#m_emel_sekolah').val(response.permohonan.emel_sekolah);
            $('#m_no_faks_sekolah').val(response.permohonan.no_faks_sekolah);
            $('#m_bilangan_pelajar').val(response.permohonan.bil_pelajar.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_bilangan_kakitangan').val(response.permohonan.bil_kakitangan.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_bilangan_guru').val(response.permohonan.bil_guru.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_bantuan_kerajaan_negeri').val(response.permohonan.bantuan_kerajaan_negeri);
            $('#m_peringkat_pembinaan').val(response.permohonan.peringkat_pembinaan);

            $('#m_perkara').val(response.permohonan.perkara);
            $('#m_kawasan').val(response.permohonan.kawasan);
            $('#m_anggaran_kos_baik_pulih').val(anggaran_kos.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_jumlah_bantuan').val(jumlah_bantuan.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_jumlah_dipohon').val(jumlah_pohon.replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
            $('#m_nama_akaun_pengelola_pibg').val(response.permohonan.nama_akaun_pengelola_pibg);
            $('#m_nama_bank_pengelola_pibg').val(response.permohonan.nama_bank_pengelola_pibg);
            $('#m_no_akaun_pengelola_pibg').val(response.permohonan.no_akaun_pengelola_pibg);
            
            // Maklumat Status
            if(response.permohonan.status_permohonan == 2){
            $('#m_status').val('Lulus');
            $('#m_alasan').val(response.permohonan.catatan_adm);
            }
            else if(response.permohonan.status_permohonan == 3){
            $('#m_status').val('Gagal'); 
            $('#m_alasan').val(response.permohonan.catatan_adm);
            }
            else{
            $('#m_status').val('Diproses'); 
            $('#m_alasan').val('');
            }

            
            $('#m_perkara').val(response.permohonan.perkara);
            $('#m_kawasan').val(response.permohonan.kawasan);
            
            //Alamat Sekolah
            $('#m_alamat_sekolah').html([
               response.permohonan.alamat_sekolah_1 + ', ',
               response.permohonan.alamat_sekolah_2 ? response.permohonan.alamat_sekolah_2 + ', ' : '',
               response.permohonan.alamat_sekolah_3 ? response.permohonan.alamat_sekolah_3 + ', ' : '',
               response.permohonan.poskod_sekolah + ', ',
               response.daerah_sekolah.nama + ', ',
               response.negeri_sekolah.nama
            ]);

            //Alamat Pengelola/ PIBG
            $('#m_alamat_pengelola_pibg').html([
               response.permohonan.alamat_pengelola_pibg_1 + ', ',
               response.permohonan.alamat_pengelola_pibg_2 ? response.permohonan.alamat_pengelola_pibg_2 + ', ' : '',
               response.permohonan.alamat_pengelola_pibg_3 ? response.permohonan.alamat_pengelola_pibg_3 + ', ' : '',
               response.permohonan.poskod_pengelola_pibg + ', ',
               response.daerah_pengelola_pibg.nama + ', ',
               response.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);
                    


            // 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');
}
   
</script>
@endrole
@endsection