@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>
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(0,0,0,.3);
    }
    .m-portlet__head-text{
   display: table-cell;
   vertical-align: middle;
   font-size: 1.3rem;
   font-weight: 500;
   font-family: Roboto;
   }
   .m-form .m-form__section.m-form__section--first, .m-form .m-form__section:first-child {
   margin-top: 40px!important;
   }
   .m-form.m-form--group-seperator-dashed .m-form__group {
   border-bottom: 0px!important;
   }
   .m-form.m-form--group-seperator .m-form__group, .m-form.m-form--group-seperator-dashed .m-form__group {
   padding-top: 5px!important;
   padding-bottom: 5px!important;
   }
   .form-control{
   border: 1px solid #E6E7E8!important;
   overflow: hidden!important;
   border-radius: .40rem!important;
   font-family: sans-serif,Arial!important; 
   color: #575962!important;  
   font-size: 1rem!important;
   line-height: 1.25!important;
   background-color: #fff!important;
   }
   .m-form .m-form__heading .m-form__heading-title {
   color: #716aca;
   font-weight: 500;
   font-size: 1.3rem;
   }
   .form-control:focus,
   .form-control:active{
   border-color: #3273dc!important;
   box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25)!important;
   }
    .placeitrighthandside{
    text-align: right;
    }
   .col-lg-1.tablevisibility,
   .col-lg-7.tablevisibility,
   .col-lg-4.tablevisibility,
   .col-lg-10.tablevisibility,
   .tablevisibility{
   border: 2px solid #BCBEC0; 
   border-collapse: collapse;  
   }
   .tablebutton{
   font-family:'Myriad Pro';
   font-weight: normal;   
   font-size: 15px;
   }
   .btn-special{
   font-size: 24px;
   color:white;
   background-color: white;
   border: 0px solid white; 
   }
   .labelwarning{
   color: red!important;
   font-size: 13px!important;
   font-family:'Myriad Pro'!important;
   font-weight: normal!important;  
   }    
</style>
@endsection
@section('content')
@role(['super_admin','admin', 'maker', 'rakyat'])

@if ($errors->any())
<div class="alert alert-danger">
    <ul>
        @foreach ($errors->all() as $error)
        <li>{{ $error }}</li>
        @endforeach
    </ul>
</div>
@endif

@if(session()->has('success'))
<div class="alert alert-success">
    {{ session()->get('success') }}
</div>
@endif
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            {{ $ipr->display_name }}
                        </h3>
                    </div>
                </div>
            </div>
            <form id="permohonan_form" enctype="multipart/form-data" class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <div class="m-portlet__body">
                  <div class="m-portlet__body">
                  <div class="m-form__section m-form__section--first jenissekolah">
                     <div class="m-form__heading">
                        <h3 id="jenissekolah" class="m-form__heading-title">
                           Jenis Sekolah:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-form-label">
                        <span style="color: red">* </span>
                        Jenis Sekolah:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="jenis_sekolah" name="jenis_sekolah">
                              <option value="" hidden selected>Sila pilih jenis sekolah</option>
                              <option value="Mubaligh">Mubaligh</option>
                              <option value="SAR">SAR</option>
                              <option value="SJKC">SJKC</option>
                              <option value="SJKT">SJKT</option>
                              <option value="SK">SK</option>
                              <option value="SMJK">SMJK</option>
                              <option value="SMK">SMK</option>
                              <option value="SMPC">SMPC</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        DUN:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="dun_id" name="dun_id">
                              <option value="">Sila pilih ...</option>
                                 @foreach ($adun as $listbox)
                              <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                 @endforeach
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>
                        Parlimen:
                        </label>
                        <div class="col-lg-2">
                           <select class="form-control m-input" id="nama_parlimen" name="nama_parlimen">
                              <option value="" hidden selected>Sila pilih parlimen</option>
                              <option value="GOMBAK">GOMBAK</option>
                              <option value="AMPANG">AMPANG</option>
                              <option value="SUNGAI BESAR">SUNGAI BESAR</option>
                              <option value="TANJUNG KARANG">TANJUNG KARANG</option>
                              <option value="SABAK BERNAM">SABAK BERNAM</option>
                              <option value="KOTA RAJA">KOTA RAJA</option>
                              <option value="PUCHONG">PUCHONG</option>
                              <option value="PANDAN">PANDAN</option>
                              <option value="SHAH ALAM">SHAH ALAM</option>
                              <option value="KUALA SELANGOR">KUALA SELANGOR</option>
                              <option value="KAPAR">KAPAR</option>
                              <option value="SEPANG">SEPANG</option>
                              <option value="HULU LANGAT">HULU LANGAT</option>
                              <option value="SUNGAI BULOH">SUNGAI BULOH</option>
                              <option value="SELAYANG">SELAYANG</option>
                              <option value="DAMANSARA">DAMANSARA</option>
                              <option value="BANGI">BANGI</option>
                              <option value="SUBANG">SUBANG</option>
                              <option value="PETALING JAYA">PETALING JAYA</option>
                              <option value="KLANG">KLANG</option>
                              <option value="HULU SELANGOR">HULU SELANGOR</option>
                              <option value="KUALA LANGAT">KUALA LANGAT</option>
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatsekolah"></div>
                  <div class="m-form__section m-form__section--middle maklumatsekolah">
                     <div class="m-form__heading">
                        <h3 id="maklumatsekolah"  class="m-form__heading-title">
                           Maklumat Sekolah:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Sekolah:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="nama_sekolah" name="nama_sekolah" placeholder="Sila masukan nama sekolah">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Telefon:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="no_tel_sekolah" name="no_tel_sekolah" placeholder="Sila masukan no telefon">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Emel:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="emel_sekolah" name="emel_sekolah" placeholder="Sila masukkan emel" onblur="checkEmail($(this))">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red"></span>No Telefon Fax:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="no_faks_sekolah" name="no_faks_sekolah" placeholder="Sila masukan no telefon fax"> 
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_sekolah_1" name="alamat_sekolah_1" placeholder="Sila masukan alamat *">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod_sekolah" name="poskod_sekolah" placeholder="Sila masukan poskod">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input"  id="alamat_sekolah_2" name="alamat_sekolah_2" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Daerah:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="daerah_sekolah" name="daerah_sekolah">
                              <option value="">Sila pilih ...</option>
                                 @foreach ($daerah as $listbox)
                              <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                 @endforeach
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_sekolah_3" name="alamat_sekolah_3" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="negeri_sekolah" name="negeri_sekolah">
                              <option value="">Sila pilih ...</option>
                                 @foreach ($negeri as $listbox)
                              <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                 @endforeach
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Bilangan Pelajar:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input"  id="bilangan_pelajar" name="bilangan_pelajar" placeholder="Sila masukan bilangan pelajar">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Bilangan Kakitangan:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="bilangan_kakitangan"  name="bilangan_kakitangan" placeholder="Sila masukan bilangan kakitanga">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Jumlah Bilangan Guru:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input"  id="bilangan_guru" name="bilangan_guru" placeholder="Sila masukan bilangan guru">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed"></div>
                  <div class="m-form__section m-form__section--middle">
                     <div class="m-form__heading">
                        <h3 class="m-form__heading-title">
                           Maklumat Pengelola Sekolah / PIBG:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Alamat:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_pengelola_pibg_1" name="alamat_pengelola_pibg_1" placeholder="Sila masukan alamat *">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Poskod:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="poskod_pengelola_pibg" name="poskod_pengelola_pibg" placeholder="Sila masukan poskod">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_pengelola_pibg_2" name="alamat_pengelola_pibg_2" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Daerah:
                        </label>
                        <div class="col-lg-4">
                            <select class="form-control m-input" id="daerah_pengelola_pibg" name="daerah_pengelola_pibg">
                              <option value="">Sila pilih ...</option>
                                 @foreach ($daerah as $listbox)
                              <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                 @endforeach
                           </select>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="alamat_pengelola_pibg_3" name="alamat_pengelola_pibg_3" placeholder="Sila masukan alamat">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Negeri:
                        </label>
                        <div class="col-lg-4">
                        <select class="form-control m-input" id="negeri_pengelola_pibg" name="negeri_pengelola_pibg">
                              <option value="">Sila pilih ...</option>
                                 @foreach ($negeri as $listbox)
                              <option value="{{$listbox->id}}">{{$listbox->nama}}</option>
                                 @endforeach
                           </select>
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed"></div>
                  <div class="m-form__section m-form__section--middle">
                     <div class="m-form__heading">
                        <h3 class="m-form__heading-title">
                           Maklumat Bantuan Sekolah:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Status Sekolah:
                        </label>
                        <div class="col-lg-4">
                           <select class="form-control m-input" id="bantuan_kerajaan_negeri" name="bantuan_kerajaan_negeri">
                              <option value="" hidden selected>Sila pilih jenis bantuan</option>
                              <option value="Penuh">Penuh</option>
                              <option value="Separuh">Separuh</option>
                              <option value="Persendirian">Persendirian</option>
                           </select>
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Peringkat Pembinaan/ Pelaksanaan Program:
                        </label>
                        <div class="col-lg-4">
                           <input maxlength="200" type="text" class="form-control m-input" id="peringkat_pembinaan" name="peringkat_pembinaan" placeholder="Sila masukan peringkat pembinaan/pelaksanaan program">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Tujuan Permohonan:
                        </label>
                        <div class="col-lg-12">
                              <div class="col-lg-12">
                                    <table id="tujuanpermohonan" class="table order table-responsive">
                                       <thead>
                                          <tr>
                                             <th>Perkara</th>
                                             <th>Kawasan atau Tempat</th>
                                             <th width="10%"></th>
                                          </tr>
                                       </thead>
                                       <tbody id="tujuan_input">
                                          <tr>
                                             <td>
                                                <select class="selectpicker" id="perkara" name="perkara[]" multiple>
                                                <option value="Membaik Pulih">Membaik Pulih</option>
                                                <option value="Membina">Membina</option>
                                                </select>
                                             </td>
                                             <td>
                                             <select class="selectpicker" id="kawasan" name="kawasan[]" multiple>
                                                <option value="Kantin">Kantin</option>
                                                <option value="Surau">Surau</option>
                                                <option value="Kelas">Kelas</option>
                                                <option value="Tandas">Tandas</option>
                                                <option value="Bumbung Bocor">Bumbung Bocor</option>
                                                <option value="Dinding">Dinding</option>
                                                <option value="Susur Gajah">Susur Gajah</option>
                                                <option value="Pagar Sekolah">Pagar Sekolah</option>
                                                <option value="Pintu Kelas Tandas">Pintu Kelas, Tandas</option>
                                                <option value="Gelanggang Bola Keranjang">Gelanggang Bola Keranjang</option>
                                                <option value="Bilik Guru">Bilik Guru</option>
                                                <option value="Perpustakaan">Perpustakaan</option>
                                                <option value="Longkang/Perparitan">Longkang/Perparitan</option>
                                                <option value="Makmal Sains">Makmal Sains</option>
                                                <option value="Makmal Komputer">Makmal Komputer</option>
                                                <option value="Bangunan Sekolah">Bangunan Sekolah</option>
                                                <option value="Bangunan Asrama">Bangunan Asrama</option>
                                                <option value="Mengecat Bangunan Sekolah">Mengecat Bangunan Sekolah</option>
                                                <option value="Kerusi/Meja">Kerusi/Meja</option>
                                                <option value="Saluran Paip Air">Saluran Paip Air</option>
                                                <option value="Tingkap">Tingkap</option>
                                                <option value="Pendawaian Elektrik">Pendawaian Elektrik</option>
                                                <option value="Lain-lain">Lain-lain</option>
                                             </select>
                                             </td>
                                          </tr>
                                          <tr>
                                            <td></td>
                                            <td>
                                                <div class="lain-lain">
                                                    <label class="col-lg-3 col-form-label">
                                                    Kawasan Lain-lain:
                                                    </label>
                                                    <input type="text" class="form-control m-input" id="kawasan_lain" name="kawasan_lain" placeholder="Sila nyatakan kawasan lain-lain">
                                                </div>
                                            </td>
                                          </tr>
                                       </tbody>
                                    </table>
                                 </div>
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span>Anggaran Kos Baik Pulih:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="anggaran_kos_baik_pulih" name="anggaran_kos_baik_pulih" placeholder="Sila masukan anggaran kos baik pulih">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span>Jumlah Bantuan Yang Diperolehi Daripada Kerajaan Negeri:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlah_bantuan" name="jumlah_bantuan" placeholder="Sila masukan jumlah yang diperolehi">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-3 col-form-label">
                        <span style="color: red">* </span>Jumlah Peruntukan Yang Dipohon:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                           <span class="input-group-addon">
                           RM
                           </span>
                           <input type="text" class="form-control m-input placeitrighthandside" id="jumlah_dipohon" name="jumlah_dipohon" placeholder="Sila masukan jumlah peruntukan yang dipohon">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatakuan"></div>
                  <div class="m-form__section m-form__section--middle maklumatakuan">
                     <div class="m-form__heading">
                        <h3 id="maklumatakuan" name="maklumatakuan" class="m-form__heading-title">
                           Maklumat Akaun:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Penuh Akaun Lembaga Pengelola Sekolah / PIBG:
                        </label>
                        <div class="col-lg-4">
                        <input type="text" class="form-control m-input" id="nama_akaun_pengelola_pibg" name="nama_akaun_pengelola_pibg" placeholder="Sila masukan nama penuh akuan lembaga pengelola / PIBG">
                        </div>
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>Nama Bank:
                        </label>
                        <div class="col-lg-4">
                        <input type="text" class="form-control m-input" id="nama_bank_pengelola_pibg" name="nama_bank_pengelola_pibg" placeholder="Sila masukan nama bank">
                        </div>
                     </div>
                     <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                        <span style="color: red">* </span>No Akaun Bank:
                        </label>
                        <div class="col-lg-4">
                           <input type="text" class="form-control m-input" id="no_akaun_pengelola_pibg" name="no_akaun_pengelola_pibg" placeholder="Sila masukan no akuan bank">
                        </div>
                     </div>
                  </div>
                  <div class="m-form__seperator m-form__seperator--dashed maklumatpemohon"></div>
                  <div class="m-form__section m-form__section--middle lampirandokumen">
                     <div class="m-form__heading">
                        <h3 id="lampirandokumen" class="m-form__heading-title">
                           Senarai Semak Dokumen:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <table class="table order table-responsive">
                           <thead>
                              <tr>
                                 <th width="70%">Dokumen</th>
                                 <th width="30%">Muat Naik <span style="color: red; font-size: 12px">(Saiz fail maksimum adalah 2MB)</span></th>
                              </tr>
                           </thead>
                           <tbody id="dokumen_input">
                              <tr>
                                 <td><span style="color: red">* </span>Struktur Pentadbiran Sekolah</td>
                                 <td><input class="form-control m-input" id="struktur_pentadbiran_sekolah" type="file" name="dokumen_1" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Struktur Pentadbiran Sekolah" name="dokumen_1title">
                              </tr>
                              <tr>
                                 <td><span style="color: red">* </span>BQ / Sebut Harga</td>
                                 <td><input class="form-control m-input" id="sebut_harga" type="file" name="dokumen_2" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Sebut Harga" name="dokumen_2title">
                              </tr> 
                              <tr>
                                 <td><span style="color: red">* </span>Gambar Kerosakan Bangunan / Peralatan</td>
                                 <td><input class="form-control m-input" id="gambar_kerosakan_bangunan_peralatan" type="file" name="dokumen_3" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Gambar Kerosakan Bangunan / Peralatan" name="dokumen_3title">
                              </tr>
                              <tr>
                                 <td><span style="color: red">* </span>Salinan Bil Elektrik / Air / Telefon Sekolah</td>
                                 <td><input class="form-control m-input" id="salinan_bil_sekolah" type="file" name="dokumen_4" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Salinan Bil Elektrik / Air / Telefon Sekolah" name="dokumen_4title">
                              </tr> <tr>
                                 <td><span style="color: red">* </span>Salinan Muka Hadapan Bank Yang Terkini</td>
                                 <td><input class="form-control m-input" id="salinan_penyata_bank" type="file" name="dokumen_5" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Salinan Muka Hadapan Bank Yang Terkini" name="dokumen_5title">
                              </tr>
                              <tr>
                                 <td><span style="color: red">* </span>Salinan Surat Pelantikan / Cabutan Minit Mesyuarat Pelantikan Lembaga Pengelola Sekolah / PIBG Sekolah</td>
                                 <td><input class="form-control m-input" id="salinan_surat_pelantikan_pengelola_pibg" type="file" name="dokumen_6" onchange="ValidateSize(this)" required></td>
                                 <input class="form-control m-input" type="hidden" value="Salinan Surat Pelantikan / Cabutan Minit Mesyuarat Pelantikan Lembaga Pengelola Sekolah / PIBG Sekolah" name="dokumen_6title">
                              </tr>
                           </tbody>
                        </table>
                     </div>
                  </div>
                  </div>                  
                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="validate()">
                                    Hantar
                                </button>
                                <button type="reset" class="btn btn-secondary"  onclick="window.location='{{ url('cluster/pendidikan') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{{-- Modal --}}
<div class="modal fade" id="rumusan_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: {{ date('d/m/Y') }}</i>
               </small>
            </h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
               <span aria-hidden="true">
                  &times;
               </span>
            </button>
         </div>
         <div class="modal-body">
            <div class="m-form__section m-form__section--first">
               <h5 style="color: #f4516c">
                   Jenis Sekolah:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-4">
                     <label for="recipient-name" class="form-control-label">
                        Jenis Sekolah:
                     </label>
                     <input type="text" class="form-control" id="m_jenis_sekolah" readonly>
                  </div>
                  <div class="col-md-4">
                     <label for="recipient-name" class="form-control-label">
                         DUN:
                     </label>
                     <input type="text" class="form-control" id="m_dun_id" readonly>
                  </div>
                  <div class="col-md-4">
                     <label for="recipient-name" class="form-control-label">
                        Parlimen:
                     </label>
                     <input type="text" class="form-control" id="m_nama_parlimen" readonly>
                  </div>
               </div>
            </div>
            <hr class="modal-hr">
            <div class="m-form__section m-form__section--middle">
               <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 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 class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                         Alamat:
                     </label>
                     <textarea class="form-control" id="m_alamat_sekolah" readonly></textarea>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Bilangan Pelajar:
                     </label>
                     <input type="text" class="form-control" id="m_bilangan_pelajar" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                       Bilangan Guru:
                     </label>
                     <input type="text" class="form-control" id="m_bilangan_guru" readonly>
                  </div>
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Bilangan Kakitangan:
                     </label>
                     <input type="text" class="form-control" id="m_bilangan_kakitangan" readonly>
                  </div>
               </div>
            </div>
            <hr class="modal-hr">
            <div class="m-form__section m-form__section--middle">
               <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 class="form-control" id="m_alamat_pengelola_pibg" readonly></textarea>
                  </div>
               </div>
            </div>
            <hr class="modal-hr">
            <div class="m-form__section m-form__section--middle">
               <h5 style="color: #f4516c">
                  Maklumat Bantuan Sekolah:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        Status Sekolah:
                     </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/ Perlaksanaan Program:
                     </label>
                     <input type="text" class="form-control" id="m_peringkat_pembinaan" readonly>
                  </div>
               </div>
               <div class="form-group row">
                  <div class="col-md-12">
                     <label for="recipient-name" class="form-control-label">
                        Tujuan Permohonan:
                     </label>
                        <div class="col-md-12">
                           <table class="table">
                              <thead>
                                 <tr>
                                    <th>Perkara</th>
                                    <th>Kawasan atau Tempat</th>
                                 </tr>
                              </thead>
                              <tbody id="m_tujuan_input"></tbody>
                           </table>
                        </div>
                  </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 class="modal-hr">
            <div class="m-form__section m-form__section--middle">
               <h5 style="color: #f4516c">
                  Maklumat Akaun:
               </h5>
               <br>
               <div class="form-group row">
                  <div class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                     Nama Penuh Akaun Lembaga Pengelola Sekolah / PIBG:
                     </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 class="col-md-6">
                     <label for="recipient-name" class="form-control-label">
                        No Akaun:
                     </label>
                     <input type="text" class="form-control" id="m_no_akaun_pengelola_pibg" readonly>
                  </div>
               </div>
            </div>
            <hr class="modal-hr bantuan_diterima">
            <div class="m-form__section m-form__section--middle bantuan_diterima">
               <h5 style="color: #f4516c">
                  Senarai Semak Dokumen:
               </h5>
               <br>
                <div class="form-group row" id="documentlist"> 
                </div>
            </div>
            <hr class="modal-hr">
            <div class="m-form__section m-form__section--end">
               <h5 style="color: #f4516c">
                  Perakuan Pemohon:
               </h5>
               <br>
               <div class="form-group m-form__group">
                  <div class="col-md-12">
                     <div class="alert m-alert m-alert--default" role="alert">
                        Sila ambil perhatian bahawa Akta Perlindungan Data Peribadi 2010 memberi anda hak tertentu ke atas penggunaan data peribadi anda oleh pihak kami. Kerajaan Negeri Selangor dan Seksyen Sektoral, Unit Perancang Ekonomi Negeri (UPEN) Selangor memberi keutamaan dalam hal melindungi data peribadi anda dan memastikan ianya terpelihara dengan mengambil langkah tertentu seperti yang termaktub di dalam akta tersebut. Dengan mengemukakan dan menyediakan maklumat anda kepada kami di dalam borang pendaftaran ini, anda membenarkan penggunaan maklumat peribadi yang dikumpulkan untuk memberikan perkhidmatan kami, mengikut cara dan tujuan yang dinyatakan dalam nota privasi kami. Sila rujuk nota privasi di laman sesawang <a href="https://www.selangor.gov.my/" target="_blank">www.selangor.gov.my</a>.
                     </div>
                     <label class="m-checkbox m-checkbox--success">
                        <input type="checkbox" id="m_akuan_1" name="m_akuan_1" value="true">
                        Setuju
                        <span></span>
                     </label>
                  </div>
               </div>
               <br>
               <div class="form-group m-form__group">
                  <div class="col-md-12">
                     <div class="alert m-alert m-alert--default" role="alert">
                        Saya dengan ini mengakui bahawa segala maklumat yang dinyatakan di dalam Borang Permohonan ini adalah BENAR dan memberikan kebenaran kepada Kerajaan Negeri Selangor dan Unit Perancang Ekonomi Negeri (UPEN) Selangor untuk membuat semakan data butir-butir peribadi saya bagi memproses permohonan ini.
                     </div>
                     <label class="m-checkbox m-checkbox--success">
                        <input type="checkbox" id="m_akuan_2" name="m_akuan_2" value="true">
                        Setuju
                        <span></span>
                     </label>
                  </div>
               </div>
               <p class="text-danger text-center">PENAFIAN: <br> KEPUTUSAN JUMLAH AGIHAN BANTUAN INI ADALAH BERDASARKAN KEPUTUSAN YANG DIBUAT OLEH AHLI JAWATANKUASA PENILAI PERMOHONAN BANTUAN SEKOLAH - SEKOLAH NEGERI SELANGOR YANG DIPENGERUSIKAN OLEH PENGERUSI JAWATANKUASA TETAP PENDIDIKAN NEGERI SELANGOR. PIHAK URUS SETIA HANYA AKAN MENGHUBUNGI PERMOHONAN YANG BERJAYA SAHAJA.</p>
            </div>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-primary" onclick="submitForm()">
               Hantar
            </button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">
               Kemaskini
            </button>
         </div>
      </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 type="text/javascript">
   function ValidateSize(file) {
      var FileSize = file.files[0].size / 1024 / 1024; // in MB
      if (FileSize > 2) {
            fileSizeErr();
            $('#struktur_pentadbiran_sekolah').val(''); //for clearing with Jquery
            $('#sebut_harga').val('');
            $('#gambar_kerosakan_bangunan_peralatan').val('');
            $('#salinan_bil_sekolah').val('');
            $('#salinan_penyata_bank').val('');
            $('#salinan_surat_pelantikan_pengelola_pibg').val('');
      }

      function fileSizeErr() {
         $.confirm({
            title: 'Saiz dokumen melebihi had.', 
            content: 'Sila muatnaik fail tidak melebihi 2 MB.',
            icon: 'fa fa-warning',
            type: 'red',
            buttons: {
               ok: {
                  btnClass: 'btn-red',
                  action: function() {

                  }
               }
            }
         });
      }
   }
</script>
<script>

      $("#ic").inputmask({mask: "999999999999", placeholder: ""});

      $("#no_akaun_pengelola_pibg").inputmask({mask: "999999999999999999", placeholder: ""});
   
      $('#no_tel').inputmask('Regex', { regex: "^(01)[0-9]{8,9}$"});
   
      $("#anggaran_kos_baik_pulih,#jumlah_bantuan,#jumlah_dipohon").inputmask({mask: "9999999",placeholder: ""});
   
      $('#no_tel_sekolah,#no_faks_sekolah').inputmask({mask: "99999999999", placeholder: ""});

      $("#umurpemohon,#umurpasangan").inputmask({mask: "99",placeholder: ""});

      $("#bilangan_pelajar,#bilangan_kakitangan, #bilangan_guru").inputmask({mask: "99999",placeholder: ""});

      $(document).ready(() => {
        $(".nama").inputmask("Regex");

        $("#poskod, #poskod_sekolah, #poskod_pengelola_pibg").inputmask({
            mask: "99999",
            placeholder: ""
        });
        /*$("#no_akaun_air").inputmask({
            mask: "9999999999",
            placeholder: ""
        });*/

        $("#permohonan_form").validate({
      });
        $("#tel_bimbit").inputmask({
            mask: "9999999999999",
            placeholder: ""
        });

        $("#tarikh_lahir").daterangepicker({
            todayHighlight: !0,
            //orientation: "bottom left",
            showDropdowns: true,
            singleDatePicker: !0,
            locale: {
                format: 'YYYY-MM-DD'
            },
            minDate: new Date('1900/12/01'),
            maxDate: new Date('2025/12/31'),
        });
      });


        $(document).ready(function(){
            $('.lain-lain').hide('slow');
        });
        $(document).on('change', function(){
            var kawasan = $('#kawasan').val().join();
            if(kawasan.includes('Lain-lain')){
                $('.lain-lain').show('slow');
            } else {
                $('.lain-lain').hide('slow');
            }
        });

      function checkEmail(x) {
       var email_format = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
   
           x.next().remove();
               
           if(x.val().match(email_format)) {
                   x.next().remove();
               } else if(x.val() == '') {
                   x.next().remove();
               } else {
                   x.after("<small style='color: #f4516c'>Sila masukkan format emel yang betul.</small>");
                   x.focus();
               }
           }


      function validate() {
            var perkara = document.querySelector("#perkara").selectedOptions.length;
            var kawasan = document.querySelector("#kawasan").selectedOptions.length;

            if($('select[name="dun_id"] option:selected').val() == '' 
                || $('select[name="jenis_sekolah"] option:selected').val() == '' 
                || $('select[name="nama_parlimen"] option:selected').val() == '' 
                || $('select[name="negeri_sekolah"] option:selected').val() == '' 
                || $('select[name="negeri_pengelola_pibg"] option:selected').val() == '' 
                || $('select[name="negeri"] option:selected').val() == '' 
                || $('select[name="bantuan_kerajaan_negeri"] option:selected').val() == '' 
                || perkara == 0
                || kawasan == 0 
                || $('select[name="daerah_sekolah"] option:selected').val() == '' 
                || $('select[name="daerah_pengelola_pibg"] option:selected').val() == '' 
                || $('select[name="daerah"] option:selected').val() == '' 
                || $('input[name="nama_sekolah"]').val() == '' 
                || $('input[name="no_tel_sekolah"]').val() == '' 
                || $('input[name="emel_sekolah"]').val() == '' 
                || $('input[name="alamat_sekolah_1"]').val() == '' 
                || $('input[name="poskod_sekolah"]').val() == '' 
                || $('input[name="bilangan_pelajar"]').val() == '' 
                || $('input[name="bilangan_guru"]').val() == '' 
                || $('input[name="bilangan_kakitangan"]').val() == '' 
                || $('input[name="alamat_pengelola_pibg_1"]').val() == '' 
                || $('input[name="poskod_pengelola_pibg"]').val() == '' 
                || $('input[name="anggaran_kos_baik_pulih"]').val() == '' 
                || $('input[name="jumlah_bantuan"]').val() == '' 
                || $('input[name="jumlah_dipohon"]').val() == '' 
                || $('input[name="peringkat_pembinaan"]').val() == '' 
                || $('input[name="nama_akaun_pengelola_pibg"]').val() == '' 
                || $('input[name="nama_bank_pengelola_pibg"]').val() == '' 
                || $('input[name="no_akaun_pengelola_pibg"]').val() == '' 
                || $('input[name="nama"]').val() == '' 
                || $('input[name="jenis_pekerjaan"]').val() == '' 
                || $('input[name="ic"]').val() == '' 
                || $('input[name="tel_bimbit"]').val() == '' 
                || $('input[name="alamat_1"]').val() == ''
                || $('input[name="poskod"]').val() == '' ) {

                error();
                return;
            }
            
            showRumusan();
            
            function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila semak permohonan anda dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
         }
      }
      function showRumusan() {
         // Maklumat Sekolah
         $('#m_jenis_sekolah').val($('select[name="jenis_sekolah"] option:selected').html());
         $('#m_dun_id').val($('select[name="dun_id"] option:selected').html());
         $('#m_nama_parlimen').val($('select[name="nama_parlimen"] option:selected').html());
         $('#m_nama_sekolah').val($('input[name="nama_sekolah"]').val());
         $('#m_no_tel_sekolah').val($('input[name="no_tel_sekolah"]').val());
         $('#m_emel_sekolah').val($('input[name="emel_sekolah"]').val());
         $('#m_no_faks_sekolah').val($('input[name="no_faks_sekolah"]').val());
         $('#m_bilangan_pelajar').val($('input[name="bilangan_pelajar"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         $('#m_bilangan_guru').val($('input[name="bilangan_guru"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         $('#m_bilangan_kakitangan').val($('input[name="bilangan_kakitangan"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         // Maklumat Bantuan
         $('#m_bantuan_kerajaan_negeri').val($('select[name="bantuan_kerajaan_negeri"] option:selected').html());
         $('#m_peringkat_pembinaan').val($('input[name="peringkat_pembinaan"]').val());
         $('#m_anggaran_kos_baik_pulih').val($('input[name="anggaran_kos_baik_pulih"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         $('#m_jumlah_bantuan').val($('input[name="jumlah_bantuan"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         $('#m_jumlah_dipohon').val($('input[name="jumlah_dipohon"]').val().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
         $('#m_nama_akaun_pengelola_pibg').val($('input[name="nama_akaun_pengelola_pibg"]').val());
         $('#m_nama_bank_pengelola_pibg').val($('input[name="nama_bank_pengelola_pibg"]').val());
         $('#m_no_akaun_pengelola_pibg').val($('input[name="no_akaun_pengelola_pibg"]').val());

         // Maklumat Alamat Sekolah
         $('#m_alamat_sekolah').html([
            $('input[name="alamat_sekolah_1"]').val() + ', ',
            $('input[name="alamat_sekolah_2"]').val() ? $('input[name="alamat_sekolah_2"]').val() + ' ' : ', ',
            $('input[name="alamat_sekolah_3"]').val() ? $('input[name="alamat_sekolah_3"]').val() + ' ' : ', ',
            $('input[name="poskod_sekolah"]').val() + ', ',
            $('select[name="daerah_sekolah"] option:selected').html() + ', ',
            $('select[name="negeri_sekolah"] option:selected').html() + '.',
         ]);

         // Maklumat Alamat Pengelola PIBG
         $('#m_alamat_pengelola_pibg').html([
            $('input[name="alamat_pengelola_pibg_1"]').val() + ' ',
            $('input[name="alamat_pengelola_pibg_2"]').val() ? $('input[name="alamat_pengelola_pibg_2"]').val() + ' ' : ', ',
            $('input[name="alamat_pengelola_pibg_3"]').val() ? $('input[name="alamat_pengelola_pibg_3"]').val() + ' ' : ', ',
            $('input[name="poskod_pengelola_pibg"]').val() + ', ',
            $('select[name="daerah_pengelola_pibg"] option:selected').html() + ', ',
            $('select[name="negeri_pengelola_pibg"] option:selected').html() + '.',
         ]);

        $('#m_tujuan_input').html('');
        var perkara = $('#perkara').val().join();
        var kawasan = $('#kawasan').val().join();
        
        if (kawasan.includes("Lain-lain")) {
            kawasan = kawasan + " (" + $('#kawasan_lain').val() + ")";
            $('#kawasan option[value="Lain-lain"').val("Lain-lain (" + $('#kawasan_lain').val() + ")");
        }
        
        html =
            '<tr>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + perkara + '" disabled>' +
            '</td>' +
            '<td>' +
            '<input type="text" class="form-control m-input" value="' + kawasan + '" disabled>' +
            '</td>' +
            '</tr>';

        $('#m_tujuan_input').append(html);

            // Maklumat Dokumen
            var document = [],
            document_title = [],
               data = [],
               html = '';

            $('input[name="dokumen_1"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_1title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_2"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_2title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_3"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_3title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_4"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_4title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_5"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_5title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_6"]').each(function(i, v) {
               document.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            $('input[name="dokumen_6title"]').each(function(i, v) {
            document_title.push($(this).val().replace(/C:\\fakepath\\/i, ''));
            });

            for (x = 0; x < document.length; x++) {
               data.push({
                  document: document[x],
                  document_title: document_title[x],
               })
            }

            $('#documentlist').html('');
            html = '<table  class="table">' ;
            html = html + '<tr>';
            html = html + '<th width="50%">Jenis Fail</th>' ;
            html = html + '<th width="50%">Fail</th>' ;
            html = html + '</tr>';
            data.forEach(function(d) {
                  html = html + '<tr>';
                  html = html + '<td>' + d.document_title + '</td>' ;
                  if(d.document == '')
                     html = html + '<td> - Tiada Fail</td>';
                  else
                     html = html + '<td> - ' + d.document;
                  
                  html = html + '</tr>'; 
            });
            html = html + '</table>';
            $('#documentlist').append(html);

            $('#rumusan_permohonan').modal('show');

      }

      function assign_js(x) {
        if(x == 'tujuan') {
        } 
    }

      function submitForm() {

        if($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            error();
        } else {

            $('input[name="akuan_1"]').val($('#m_akuan_1:checked').val());
            $('input[name="akuan_2"]').val($('#m_akuan_2:checked').val());

            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: {
                        btnClass: 'btn-green',
                        action: function() {
                            $('#permohonan_form').submit();
                        }
                    },
                    kembali: {
                        btnClass: 'btn-red',
                        action: function() {
                        }
                    }
                }
            });
        }

        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila tanda perakuan pemohon sebelum hantar pemohonan.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {

                        }
                    }
                }
            });
        }
      }
</script>
@endrole
@endsection