@extends('layouts.dun')
@section('title', 'Permohonan SMUE')
@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')
        <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', 'smue')->pluck('display_name')[0] }}
                        <span>
                        <small id="m_tarikh_permohonan" ></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">
                              <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>

                              <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_ahli">Id Permohonan</option>
                                 <option value="nama">Nama Pemohon</option>
                                 <option value="no_kp">No. Identiti</option>
                                 <option value="no_tel">No. Telefon</option>
                                 <option value="alamat">Alamat</option>
                                 <option value="semakan">Semakan</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>Tarikh</th>
                              <th>Id Permohonan</th>
                              <th>Nama Pemohon</th>
                              <th>No. Identiti</th>
                              <th>No. Telefon</th>
                              <th>Alamat</th>
                              <th>Semakan</th>
                              <th width="10%"></th>
                           </tr>
                        </thead>
                     </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>

    {{-- Modal SMUE --}}
    <div class="modal fade" id="maklumat_permohonan" tabindex="-1" role="dialog" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    {{ $ipr->display_name }}
                </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-portlet__body">
                    <ul class="nav nav-tabs  m-tabs-line m-tabs-line--danger" role="tablist">
                        <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link active" data-toggle="tab" href="#maklumat_ahli_smue" role="tab">
                            <h5>Maklumat Ahli</h5>
                        </a>
                        </li>
                        <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link" data-toggle="tab" href="#sejarah_bayaran_smue" role="tab">
                            <h5>Sejarah Bayaran</h5>
                        </a>
                        </li>
                        <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link" data-toggle="tab" href="#jom_shopping_smue" role="tab">
                            <h5>Jom Shopping</h5>
                        </a>
                        </li>
                        <li class="nav-item m-tabs__item">
                        <a class="nav-link m-tabs__link" data-toggle="tab" href="#audit_smue" role="tab">
                            <h5>Audit</h5>
                        </a>
                        </li>
                    </ul>
                    <div class="tab-content">

                        <!-- Maklumat Ahli -->
                        <div class="tab-pane active" id="maklumat_ahli_smue" role="tabpanel">
                        <div class="m-form__section m-form__section--first">
                            <div class="col-md-12" style="background-color: #f4516c; color:white; padding:5px; text-align: center">
                                <h5>Maklumat Ahli</h5>
                            </div>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label">
                                    Nama:
                                    </label>
                                    <input type="text" class="form-control" id="nama" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    No KP:
                                    </label>
                                    <input type="text" class="form-control" id="no_kp" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    No KP Lama:
                                    </label>
                                    <input type="text" class="form-control" id="no_kp_lama" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Lahir:
                                    </label>
                                    <input type="text" class="form-control" id="tarikh_lahir" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Jantina:
                                    </label>
                                    <input type="text" class="form-control" id="jantina" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Kaum:
                                    </label>
                                    <input type="text" class="form-control" id="kaum" readonly>
                                </div>
                                <div class="col-md-6 no_akaun_air">
                                    <label class="form-control-label">
                                    Agama:
                                    </label>
                                    <input type="text" class="form-control" id="agama" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label">
                                    Alamat:
                                    </label>
                                    <textarea type="text" class="form-control" rows="4"  id="alamat" readonly></textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Dun:
                                    </label>
                                    <input type="text" class="form-control"  id="dun" readonly>
                                </div>
                            </div>
                        </div>
                        <hr class="modal-hr">
                        <div class="m-form__section m-form__section--middle">
                            <h5 style="color: #f4516c">
                                Penjaga 1:
                            </h5>
                            <br>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <label class="form-control-label">
                                    Nama:
                                    </label>
                                    <input type="text" class="form-control" id="nama_penjaga1" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    No KP:
                                    </label>
                                    <input type="text" class="form-control" id="no_kp_penjaga" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Hubungan:
                                    </label>
                                    <input type="text" class="form-control" id="hubungan_penjaga" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Jantina:
                                    </label>
                                    <input type="text" class="form-control" id="jantina_penjaga" readonly>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    Kaum:
                                    </label>
                                    <input type="text" class="form-control" id="kaum_penjaga" readonly>
                                </div>
                            </div>
                            <div class="form-group row">
                                <div class="col-md-6">
                                    <label class="form-control-label">
                                    No. Tel:
                                    </label>
                                    <input type="text" class="form-control" id="no_tel_penjaga" readonly>
                                 </div>
                                 <div class="col-md-6 no_akaun_air">
                                    <label class="form-control-label">
                                    Email:
                                    </label>
                                    <input type="text" class="form-control" id="email_penjaga" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Alamat:
                                    </label>
                                    <textarea type="text" class="form-control" rows="4"  id="alamat_penjaga" readonly></textarea>
                                 </div>
                              </div>
                           </div>
                           <hr class="modal-hr">
                           <div class="m-form__section m-form__section--end">
                              <h5 style="color: #f4516c">
                                 Penjaga 2 / Penama:
                              </h5>
                              <br>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Nama:
                                    </label>
                                    <input type="text" class="form-control" id="nama_penama" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    No KP:
                                    </label>
                                    <input type="text" class="form-control" id="no_kp_penama" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Hubungan:
                                    </label>
                                    <input type="text" class="form-control" id="hubungan_penama" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Jantina:
                                    </label>
                                    <input type="text" class="form-control" id="jantina_penama" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Kaum:
                                    </label>
                                    <input type="text" class="form-control" id="kaum_penama" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    No. Tel:
                                    </label>
                                    <input type="text" class="form-control" id="no_tel_penama" readonly>
                                 </div>
                                 <div class="col-md-6 no_akaun_air">
                                    <label class="form-control-label">
                                    Email:
                                    </label>
                                    <input type="text" class="form-control" id="email_penama" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Alamat:
                                    </label>
                                    <textarea type="text" class="form-control" rows="4"  id="alamat_penama" readonly></textarea>
                                 </div>
                              </div>
                           </div>
                        </div>

                        <!-- Sejarah Bayaran -->
                        <div class="tab-pane" id="sejarah_bayaran_smue" role="tabpanel">
                           <div class="m-form__section m-form__section--first">
                              <div class="col-md-12" style="background-color: #f4516c; color:white; padding:5px; text-align: center">
                                 <h5>Sejarah Bayaran</h5>
                              </div>
                              <br>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Sekatan Bayaran:
                                    </label>
                                    <input type="text" class="form-control" value="{{ isset($models->sekatan->sekatan) ? $models->sekatan->sekatan : '' }}" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Alasan Sekatan:
                                    </label>
                                    <input type="text" class="form-control" value="{{ isset($models->sekatan->alasan) ? $models->sekatan->alasan : '' }}" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Kematian:
                                    </label>
                                    <!-- <input type="text" class="form-control" value="{{-- $models->kematian_tarikh ? Carbon\Carbon::parse($models->kematian_tarikh)->format('d-m-Y') : '' --}}" readonly> -->
                                    <input type="text" class="form-control" id="kematian_tarikh" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    No Sijil Kematian:
                                    </label>
                                    <input type="text" class="form-control" id="kematian_no_sijil" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Tempat Kematian:
                                    </label>
                                    <textarea type="text" class="form-control" id="kematian_tempat" readonly></textarea>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Bayaran Pertama:
                                    </label>
                                    <input type="text" class="form-control" id="tkh_bayaran_pertama" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Bayaran Oleh:
                                    </label>
                                    <input type="text" class="form-control" id="dun_pembayar" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Catatan Dun:
                                    </label>
                                    <textarea type="text" class="form-control" readonly></textarea>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Bayaran Kedua:
                                    </label>
                                    <input type="text" class="form-control" id="tkh_bayaran_kedua" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Bayaran Oleh:
                                    </label>
                                    <!-- <input type="text" class="form-control" value="{{-- isset($models->daerah_pembayar) ? 'DAERAH '.$models->daerah_pembayar : '' --}}" readonly> -->
                                    <input type="text" class="form-control" id="daerah_pembayar" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Catatan Daerah:
                                    </label>
                                    <textarea type="text" class="form-control" readonly></textarea>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Status Penerima JASAMU:
                                    </label>
                                    <input type="text" class="form-control" value="" readonly>
                                 </div>
                              </div>
                           </div>
                        </div>

                        <!-- Jom Shopping -->
                        <div class="tab-pane" id="jom_shopping_smue" role="tabpanel">
                           <div class="m-form__section m-form__section--first">
                              <div class="col-md-12" style="background-color: #f4516c; color:white; padding:5px; text-align: center">
                                 <h5>Jom Shopping</h5>
                              </div>
                              <br>
                              <h5 style="color: #f4516c">
                                 Jom Shopping Manfaat:
                              </h5>
                              <br>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Dijangka Hadir:
                                    </label>
                                    <textarea type="text" class="form-control" rows="4" id="jangka_hadir" readonly></textarea>

                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Menghadiri(Terima Manfaat):
                                    </label>
                                    <textarea type="text" class="form-control" rows="4" id="hadir" readonly></textarea>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Baucer/Tag:
                                    </label>
                                    <textarea type="text" class="form-control" rows="4" id="voucer" readonly></textarea>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tidak Menghadiri:
                                    </label>
                                    <textarea type="text" class="form-control" id="takhadir" rows="5" readonly></textarea>
                                 </div>
                              </div>
                           </div>
                           <hr class="modal-hr">
                           <div class="m-form__section m-form__section--middle">
                              <h5 style="color: #f4516c">
                                 Jom Shopping SMUE:
                              </h5>
                              <br>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <table class="table">
                                          <thead>
                                             <tr>
                                                <th width="5%">No.</th>
                                                <th width="20%">Tarikh</th>
                                                <th width="55%">Program</th>
                                                <th width="20%">Kehadiran</th>
                                             </tr>
                                          </thead>
                                          <tbody id="jss_list">
                                          </tbody>
                                    </table>
                                 </div>
                              </div>

                           </div>
                        </div>
                        <!-- Audit -->
                        <div class="tab-pane" id="audit_smue" role="tabpanel">
                           <div class="m-form__section m-form__section--first">
                              <div class="col-md-12" style="background-color: #f4516c; color:white; padding:5px; text-align: center">
                                 <h5>Audit</h5>
                              </div>
                              <br>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Pra Daftar:
                                    </label>
                                    <input type="text" class="form-control" id="tarikh_semasa"  readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Terima Borang:
                                    </label>
                                    <input type="text" class="form-control" id="tarikh_terima_borang" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Serah Borang:
                                    </label>
                                    <input type="text" class="form-control"  id="tarikh_penyerahan" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Pulang Borang RMSB:
                                    </label>
                                    <input type="text" class="form-control" id="tarikh_pemulangan" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Kemaskini Oleh:
                                    </label>
                                    <input type="text" class="form-control" id="id_kemaskini" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Kemaskini:
                                    </label>
                                    <input type="text" class="form-control" id="tkh_kemaskini" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Pengesahan Oleh:
                                    </label>
                                    <input type="text" class="form-control" id="semakan_oleh" readonly>
                                 </div>
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Tarikh Pengesahan:
                                    </label>
                                    <input type="text" class="form-control" id="semakan_tarikh" readonly>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-12">
                                    <label class="form-control-label">
                                    Catatan Semakan:
                                    </label>
                                    <textarea type="text" class="form-control" id="semakan_catatan" readonly></textarea>
                                 </div>
                              </div>
                              <div class="form-group row">
                                 <div class="col-md-6">
                                    <label class="form-control-label">
                                    Jenis Pendaftaran:
                                    </label>
                                    <input type="text" class="form-control" id="jenis_data" readonly>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="modal-footer">
                  <div class="d-flex mr-auto">
                     <div id="kemaskini_area" class="mr-2"></div>
                     <div id="myidentity-area"></div>
                  </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 --}}
@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.1/js/buttons.html5.min.js"></script>

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

    $(document).ready(function() {

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

        $('#permohonan_table').dataTable({
        scrollX: true,
        processing: true,
        paging: true,
        pageLength: 15,
        lengthMenu: [[15, 30, 50, 100], [15, 30, 50, 100]],
        serverSide: true,
        ajax: {
            url: '{{ url('dun/permohonan/smue/list?status=') }}{{ $status }}',
            data:{from_date:from_date, to_date:to_date}
        },
        searching: false,
        language: {
            emptyTable: "Tiada Data"
        },
        columns: [
            { data: 'tkh_dimasukkan', name: 'maklumat_ahli.tkh_dimasukkan' },
            { data: 'id_ahli', name: 'maklumat_ahli.id_ahli' },
            { data: 'nama', name: 'maklumat_ahli.nama' },
            { data: 'no_kp', name: 'maklumat_ahli.no_kp' },
            { data: 'no_tel', name: 'maklumat_ahli.no_tel' },
            { data: 'alamat', name: 'maklumat_ahli.alamat' },
            { data: 'semakan', name: 'maklumat_ahli.semakan' },
            { data: 'action', name: 'action', orderable: false, searchable: false }
        ],
        });
    });

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

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

        $('#permohonan_table').dataTable().fnDestroy();
        $('#permohonan_table').dataTable({});
        $('#permohonan_table').dataTable().fnDestroy();
        $('#permohonan_table').dataTable({
        scrollX: true,
        processing: true,
        paging: true,
        pageLength: 15,
        lengthMenu: [[15, 30, 50, 100], [15, 30, 50, 100]],
        serverSide: true,
        ajax: {
                url:'{{ url('dun/permohonan/smue/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: 'tkh_dimasukkan', name: 'maklumat_ahli.tkh_dimasukkan' },
                { data: 'id_ahli', name: 'maklumat_ahli.id_ahli' },
                { data: 'nama', name: 'maklumat_ahli.nama' },
                { data: 'no_kp', name: 'maklumat_ahli.no_kp' },
                { data: 'no_tel', name: 'maklumat_ahli.no_tel' },
                { data: 'alamat', name: 'maklumat_ahli.alamat' },
                { data: 'semakan', name: 'maklumat_ahli.semakan' },
                // { data: 'status_myidentity', name: 'status_myidentity' },
                // { data: 'tarikh_kematian', name: 'tarikh_kematian' },
                { data: 'action', name: 'action', orderable: false, searchable: false }
        ],
        });
    });

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

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

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

        cb(start, end);

    });

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

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

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

        $.ajax({
        url: '{{ url('admin/permohonan/smue/show') }}',
        type: 'POST',
        data: data,
        success: function(response) {
                url = '{{ url('admin/rumusan') }}/smue/'+x;
                var permohonan_smue = response.permohonan[0];

                // Maklumat Ahli
                $('#nama').val(permohonan_smue.nama_pemohon);
                $('#no_kp').val(permohonan_smue.no_kp_pemohon);
                $('#kaum').val(permohonan_smue.kaum);
                $('#no_kp_lama').val(permohonan_smue.no_kp_lama);
                $('#tarikh_lahir').val(permohonan_smue.tarikh_lahir);
                $('#jantina').val(permohonan_smue.jantina);
                $('#agama').val(permohonan_smue.agama);
                $('#alamat').val(permohonan_smue.alamat);
                $('#dun').val(permohonan_smue.dun);
                $('#nama_penjaga1').val(permohonan_smue.nama_penjaga);
                $('#nama_penjaga2').val(permohonan_smue.nama_penjaga);
                $('#no_kp_penjaga').val(permohonan_smue.no_kp_penjaga);
                $('#hubungan_penjaga').val(permohonan_smue.hubungan_penjaga);
                $('#jantina_penjaga').val(permohonan_smue.jantina_penjaga);
                $('#kaum_penjaga').val(permohonan_smue.kaum_penjaga);
                $('#no_tel_penjaga').val(permohonan_smue.no_tel_penjaga);
                $('#email_penjaga').val(permohonan_smue.email_penjaga);
                $('#alamat_penjaga').val(permohonan_smue.alamat_penjaga);
                $('#nama_penama').val(permohonan_smue.nama_penama);
                $('#no_kp_penama').val(permohonan_smue.no_kp_penama);
                $('#hubungan_penama').val(permohonan_smue.hubungan_penama);
                $('#jantina_penama').val(permohonan_smue.jantina_penama);
                $('#kaum_penama').val(permohonan_smue.kaum_penama);
                $('#no_tel_penama').val(permohonan_smue.no_tel_penama);
                $('#email_penama').val(permohonan_smue.email_penama);
                $('#alamat_penama').val(permohonan_smue.alamat_penama);
                $('#kematian_no_sijil').val(permohonan_smue.kematian_no_sijil);
                $('#kematian_tempat').val(permohonan_smue.kematian_tempat);
                $('#dun_pembayar').val(permohonan_smue.dun_pembayar);
                $('#kematian_tarikh').val(permohonan_smue.kematian_tarikh);
                $('#kematian_no_sijil').val(permohonan_smue.kematian_no_sijil);
                $('#tkh_dimasukkan').val(permohonan_smue.tkh_dimasukkan);
                $('#tkh_bayaran_pertama').val(permohonan_smue.tkh_bayaran_pertama);
                $('#tkh_bayaran_kedua').val(permohonan_smue.tkh_bayaran_kedua);
                $('#daerah_pembayar').val(permohonan_smue.daerah_pembayar);
                $('#tkh_dokumen_dihantar').val(permohonan_smue.tkh_dokumen_dihantar);
                $('#tkh_dokumen_diterima').val(permohonan_smue.tkh_dokumen_diterima);
                $('#id_kemaskini').val(permohonan_smue.id_kemaskini);
                $('#semakan_oleh').val(permohonan_smue.semakan_oleh);
                $('#tkh_kemaskini').val(permohonan_smue.tkh_kemaskini);
                $('#semakan_oleh').val(permohonan_smue.semakan_oleh);
                $('#jenis_data').val(permohonan_smue.jenis_data);
                $('#semakan_catatan').val(permohonan_smue.semakan_catatan);


                //Audit
                if(permohonan_smue.tarikh_semasa == null || permohonan_smue.tarikh_semasa == "0000-00-00") {
                    $('#tarikh_semasa').val("-");
                } else {
                    $('#tarikh_semasa').val(permohonan_smue.tarikh_semasa);
                }

                if(permohonan_smue.tarikh_terima_borang == null || permohonan_smue.tarikh_terima_borang == "0000-00-00") {
                    $('#tarikh_terima_borang').val("-");
                } else {
                    $('#tarikh_terima_borang').val(permohonan_smue.tarikh_terima_borang);
                }

                if(permohonan_smue.tarikh_penyerahan == null || permohonan_smue.tarikh_penyerahan == "0000-00-00") {
                    $('#tarikh_penyerahan').val("-");
                } else {
                    $('#tarikh_penyerahan').val(permohonan_smue.tarikh_penyerahan);
                }

                if(permohonan_smue.tarikh_pemulangan == null || permohonan_smue.tarikh_pemulangan == "0000-00-00" ) {
                    $('#tarikh_pemulangan').val("-");
                } else {
                    $('#tarikh_pemulangan').val(permohonan_smue.tarikh_pemulangan);
                }


                if(permohonan_smue.tkh_kemaskini == null || permohonan_smue.tkh_kemaskini == "0000-00-00" ) {
                    $('#tkh_kemaskini').val("-");
                } else {
                    $('#tkh_kemaskini').val(permohonan_smue.tkh_kemaskini);
                }


                if(permohonan_smue.semakan_tarikh == null || permohonan_smue.semakan_tarikh == "0000-00-00" ) {
                    $('#semakan_tarikh').val("-");
                } else {
                    $('#semakan_tarikh').val(permohonan_smue.semakan_tarikh);
                }

                //shopping
                $('#tarikh_program').val(permohonan_smue.tarikh_program);
                $('#nama_program').val(permohonan_smue.nama_program);
                $('#status_kehadiran').val(permohonan_smue.status_kehadiran);

                $('#jangka_hadir').val(response.jomshopping_manfaat.jangka_hadir);
                $('#hadir').val(response.jomshopping_manfaat.hadir);
                $('#voucer').val(response.jomshopping_manfaat.voucer);
                $('#takhadir').val(response.jomshopping_manfaat.takhadir);

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