@extends('layouts.jmb')
@section('title', 'Permohonan '.strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))
@section('permohonan', 'm-menu__item--active')
@section(App\Cluster::where('id', $ipr->cluster_id)->pluck('name')[0], 'm-menu__item--active')
@section(App\IPR::where('name', $ipr->name)->pluck('name')[0], 'm-menu__item--active')
@section('css')
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.6.1/css/buttons.dataTables.min.css">
<style>
    .range_inputs {
        display: none;
    }
</style>
@endsection
@section('content')
@role(['super_admin', 'jmb'])
@if(Auth::user()->hasRole('super_admin')  || Auth::user()->hasRole('jmb') && Auth::user()->ipr_id == App\IPR::where('name', 'ceria')->pluck('id')[0])
@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 m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Permohonan {{ App\IPR::where('name', 'ceria')->pluck('display_name')[0] }}
                            <span>
                            </span>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">

                <div class="createID ">

                    <form id="permohonan_form"  class="m-form m-form--label-align-right" action=" {{ route('ceria.create') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="ic_type" value="{{ Auth::user()->ic_type }}">
                        <input type="hidden" value="6" name="roles">
                        <div class="m-portlet__body">

                            <!-- Daftar Pelajar -->
                            <div class="m-form__section m-form__section--first">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                        Maklumat Pemohon:
                                    </h3>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                    <span style="color: red">* </span> Nama Pangsapuri:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="nama_pangsapuri" id="nama_pangsapuri" value="{{ old('nama_pangsapuri') }}"  autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Kategori Rumah: <br>
                                        <small>(Sila Rujuk Surat Perjanjian Jual Beli S&P Tahun Pertama Diduduki/pembelian Dengan Pemaju Pembinaan)</small>
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="ketegori_rumah" value="{{ old('ketegori_rumah') }}"  required>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Kategori Pengurusan Rumah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="ketegori_pengurusan_rumah" value="{{ old('ketegori_pengurusan_rumah') }}"  autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Dun:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" id="dun" name="dun">
                                            <option value="" hidden selected>Sila pilih dun</option>
                                            @foreach (App\Adun::all() as $dun)
                                            <option value="{{ $dun->nama }}" @if(old('dun')==$dun->nama) selected @endif>{{ $dun->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>Pengerusi/Orang Untuk dihubungi:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="no_utk_dihubungi" value="{{ old('no_utk_dihubungi') }}"  autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>PBT:
                                    </label>
                                    <div class="col-lg-4">
                                        <select class="form-control m-input" id="pbt" name="pbt">
                                            <option value="" hidden selected>Sila pilih PBT</option>
                                            @foreach (App\PBT::all() as $pbt)
                                            <option value="{{ $pbt->nama }}" @if(old('pbt')==$pbt->nama) selected @endif>{{ $pbt->nama }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Nombor Telefon Pejabat:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="no_tel_pejabat" name="no_tel_pejabat" value="{{ old('no_tel_pejabat') }}" maxlength="12" autofocus >
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Nombor Telefon Bimbit:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input"  id="no_tel" name="no_tel" value="{{ old('no_tel') }}" minlength="10" maxlength="10" onblur="checkLength(this)" autofocus required>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        Nombor Telefon Fax:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="no_tel_fax" name="no_tel_fax" value="{{ old('no_tel_fax') }}"  maxlength="12" autofocus>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Emel:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="email" class="form-control m-input" name="emel" value="{{ $permohonan->emel }}" autofocus required>
                                    </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" name="alamat_1" value="{{ old('alamat_1') }}"  autofocus required>
                                    </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" name="poskod" value="{{ old('poskod') }}" maxlength="5" autofocus required>
                                    </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" name="alamat_2" value="{{ old('alamat_2') }}" autofocus required>
                                    </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" name="daerah">
                                            <option value="" hidden selected>Sila pilih daerah</option>
                                            @foreach (App\UmumDaerah::all() as $daerah)
                                            <option value="{{ $daerah->nama }}" @if(old('daerah')==$daerah->nama) selected @endif>{{ $daerah->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" name="alamat_3" value="{{ old('alamat_3') }}" autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Bandar:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="bandar" value="{{ old('bandar') }}" autofocus required>
                                    </div>
                                    
                                </div>


                                <div class="form-group m-form__group row">
                                    <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" name="negeri" required>
                                            {{-- <option value="" hidden selected>Sila pilih negeri</option> --}}
                                            {{-- <option value="Johor" >Johor</option> --}}
                                            {{-- <option value="Kedah" >Kedah</option> --}}
                                            {{-- <option value="Kelantan">Kelantan</option> --}}
                                            {{-- <option value="Melaka" >Melaka</option> --}}
                                            {{-- <option value="Negeri Sembilan" >Negeri Sembilan</option> --}}
                                            {{-- <option value="Pahang" >Pahang</option> --}}
                                            {{-- <option value="Penang" >Penang</option> --}}
                                            {{-- <option value="Perak" >Perak</option> --}}
                                            {{-- <option value="Perlis" >Perlis</option> --}}
                                            <option value="Selangor">Selangor</option>
                                            {{-- <option value="Terengganu" >Terengganu</option> --}}
                                            {{-- <option value="Sabah" >Sabah</option> --}}
                                            {{-- <option value="Sarawak" >Sarawak</option> --}}
                                            {{-- <option value="W.P. Kuala Lumpur" >W.P. Kuala Lumpur</option> --}}
                                            {{-- <option value="W.P. Labuan" >W.P. Labuan</option> --}}
                                            {{-- <option value="W.P. Putrajaya" >W.P. Putrajaya</option> --}}
                                        </select>
                                    </div>
                                </div>
                            </div>


                            <!-- Butiran Pangsapuri -->
                            <hr>
                            <div class="m-form__section m-form__section--first">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                        Butiran Pangsapuri:
                                    </h3>
                                </div>
                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Bil Blok Pangsapuri:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="bil_blok" name="bil_blok" value="{{ old('bil_blok') }}" autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Bil Unit Rumah:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="bil_unit_rumah" name="bil_unit_rumah"  value="{{ old('bil_unit_rumah') }}"  autofocus required>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Bil Tingkat Blok:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="bil_tingkat_blok" name="bil_tingkat_blok" value="{{ old('bil_tingkat_blok') }}" autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Bil Unit Lif: <br>
                                        <small>(Sekiranya Ada)</small>
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" id="bil_unit_lif" name="bil_unit_lif" value="{{ old('bil_unit_lif') }}" autofocus>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Jenis Kerosakan yang ingin dibaik pulih:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="jenis_kerosakan" value="{{ old('jenis_kerosakan') }}" autofocus required>
                                    </div>
                                    <label class="col-lg-2 col-form-label">
                                        Lain-lain kerosakan: <br>
                                        <small>(Sekiranya Ada)</small>
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="lain_kerosakan" value="{{ old('lain_kerosakan') }}" autofocus>
                                    </div>
                                </div>

                                <div class="form-group m-form__group row">
                                    <label class="col-lg-2 col-form-label">
                                        <span style="color: red">* </span>Anggran Kos Baik Pulih:
                                    </label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control m-input" name="anggaran_kos"  id="anggaran_kos" value="0.00" autofocus required>
                                    </div>
                                </div>
                            </div>


                            <!-- Senarai Semak Dokumen -->
                            <hr>
                            <div class="m-form__section m-form__section--first">
                                <div class="m-form__heading">
                                    <h3 class="m-form__heading-title">
                                    Senarai Semak Dokumen:
                                    </h3>
                                </div>

                                <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col" width="70%"> <b>Dokumen</b> </th>
                                        <th scope="col" width="30%"> 
                                            <b>Muat Naik</b>  <br>
                                            <small style="color:red" > Saiz maksimum fail adalah 2MB </small>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><span style="color: red">* </span>Salinan Borang Permohonan Skim Ceria</td>
                                        <td> <input  type="file" class="form-control m-input" name="salinan_borang" id="salinan_borang" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                    <tr>
                                        <td><span style="color: red">* </span>Laporan Kerosakan Bergambar</td>
                                        <td> <input  type="file" class="form-control m-input" name="laporan_bergambar" id="laporan_bergambar" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                    <tr>
                                        <td><span style="color: red">* </span>Pelan Susunatur Kawasan Pemajuan (Jika Ada)</td>
                                        <td> <input  type="file" class="form-control m-input" name="pelan_susunatur" id="pelan_susunatur" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                    <tr>
                                        <td><span style="color: red">* </span>Salinan Sijil JMB/MC atau Surat Lantikan</td>
                                        <td> <input  type="file" class="form-control m-input" name="sijil_jmb" id="sijil_jmb" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                    <tr>
                                        <td><span style="color: red">* </span>Salinan Perjanjian Jual Beli yang Pertama (Beli dengan Pemaju) yang telah dicop sah oleh COB, PBT</td>
                                        <td> <input  type="file" class="form-control m-input" name="salinan_jual_beli" id="salinan_jual_beli" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                    <tr>
                                        <td><span style="color: red">* </span>Laporan Pengurusan Kewangan JMB/MC 3 Bulan Terkini</td>
                                        <td> <input  type="file" class="form-control m-input" name="laporan_kewangan" id="laporan_kewangan" onchange="ValidateSize(this)"> </td>
                                    </tr>
                                </tbody>
                                </table>
                            </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-12">
                                        <div class="m-form__section m-form__section--end">
                                            <h5 style="color: #f4516c">
                                                Perakuan Pemohon:
                                            </h5>
                                            <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 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>
                                        </div>
                                    </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">Kembali</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </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">
                        Maklumat Pelajar:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Nama:
                            </label>
                            <input type="text" class="form-control" id="nama_pelajar" readonly>
                        </div>
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                No. Identiti Pelajar:
                            </label>
                            <input type="text" class="form-control" id="ic_pelajar" readonly>
                        </div>
                    </div>

                </div>

                <hr class="modal-hr">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" >
                        Hantar
                        </button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">
                    Kemaskini
                </button>
            </div>
        </div>
    </div>
</div>
{{-- End Modal --}}

@endif
@endrole
@endsection
@section('js')
@role(['super_admin','admin', 'jmb'])
@section('js')
<script>

    $(function() {
        
        var input = ""; 

        $("#poskod").inputmask({
            mask: "99999",
            placeholder: "",
        });

        $("#no_tel").inputmask({
            mask: "9999999999",
            placeholder: "",
            min:10,
            max:12
        });

        $("#no_tel_fax").inputmask({
            mask: "9999999999",
            placeholder: "",
            min:10,
            max:12
        });

        $("#no_tel_pejabat").inputmask({
            mask: "9999999999",
            placeholder: "",
            min:10,
            max:12
        });


        $("#bil_blok").inputmask({
            mask: "99999",
            placeholder: "",
            
        });

        $("#bil_unit_rumah").inputmask({
            mask: "99999",
            placeholder: "",
        });

        $("#bil_tingkat_blok").inputmask({
            mask: "99999",
            placeholder: "",
        });

        $("#bil_unit_lif").inputmask({
            mask: "99999",
            placeholder: "",
        });

        $("#anggaran_kos").keydown(function(e) {     
            if(e.keyCode == 8 && input.length > 0) {
                input = input.slice(0,input.length-1); 
                $(this).val(formatNumber(input));
            }
            else {
                var key = getKeyValue(e.keyCode);
                if(key) {
                    input += key;
                    $(this).val(formatNumber(input));
                }
            }
            return false;
        });
        
        function getKeyValue(keyCode) {
            if(keyCode > 57) { 
                keyCode -= 48;
            }
            if(keyCode >= 48 && keyCode <= 57) {
                return String.fromCharCode(keyCode);
            }
        }
        
        function formatNumber(input) {
            if(isNaN(parseFloat(input))) {
                return "0.00";
            }
            var num = parseFloat(input);
            return (num / 100).toFixed(2);
        }
    });

    function ValidateSize(file) {
      var FileSize = file.files[0].size / 1024 / 1024; // in MB
      if (FileSize > 2) {
            fileSizeErr();
            $('#salinan_borang').val(''); 
            $('#laporan_bergambar').val('');
            $('#pelan_susunatur').val('');
            $('#sijil_jmb').val('');
            $('#salinan_jual_beli').val('');
            $('#laporan_kewangan').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() {

                  }
               }
            }
         });
      }
   }

   function checkLength(el) {
        if (el.value.length != 10) {
            error();
        }

        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila masukkan No Telefon yang sah.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: { ok: { btnClass: 'btn-red' } }
            });
        }
    }

    function validate() {

        // check duplicate
        if ($('input[name="nama_pangsapuri"]').val() == '') {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Nama Pangsapuri telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_rumah"]').val() == '') {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Kategori Rumah telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_pengurusan_rumah"]').val() == '') {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Kategori Pengurusan Rumah telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'  
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_pengurusan_rumah"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Status Pemilikan Kediaman telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_pengurusan_rumah"]').val() == 'Sila pilih' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Jenis Rumah telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_pengurusan_rumah"]').val() == 'Sila pilih' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Tahap Kesihatan telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="ketegori_pengurusan_rumah"]').val() == 'Sila pilih' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Jenis Pekerjaan telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('#dun').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Dun telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="no_utk_dihubungi"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Pengerusi/Orang Untuk dihubungi telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('#pbt').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  PBT telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="no_tel"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Nombor Telefon Bimbi telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="alamat_1"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Alamat telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="poskod"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Poskod telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        }  else if ($('#daerah').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Daerah telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="bandar"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan  Bandar telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="bil_blok"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Bil Blok Pangsapuri telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="bil_unit_rumah"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Bil Unit Rumah: telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="bil_tingkat_blok"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Bil Tingkat Blok telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="jenis_kerosakan"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Jenis Kerosakan yang ingin dibaik pulih telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        }else if ($('input[name="anggaran_kos"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Anggran Kos Baik Pulih telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        // }
        // else if ($('input[name="salinan_borang"]').val() == '' ) {
        //     $.confirm({
        //         title: 'Maklumat semakan belum selesai',
        //         content: 'Sila pastikan semakan Salinan Borang Permohonan Skim Ceria telah OK dan cuba lagi.',
        //         icon: 'fa fa-warning',
        //         type: 'red',
        //         buttons: {
        //             ok: {
        //                 btnClass: 'btn-red'
        //             }
        //         }
        //     });
        //     return;
        }else if ($('input[name="laporan_bergambar"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Laporan Kerosakan Bergambar telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        }else if ($('input[name="pelan_susunatur"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Pelan Susunatur Kawasan Pemajuan (Jika Ada) telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        }else if ($('input[name="sijil_jmb"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Salinan Sijil JMB/MC atau Surat Lantikan telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        }else if ($('input[name="salinan_jual_beli"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Salinan Perjanjian Jual Beli yang Pertama (Beli dengan Pemaju) yang telah dicop sah oleh COB, PBT telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else if ($('input[name="laporan_kewangan"]').val() == '' ) {
            $.confirm({
                title: 'Maklumat semakan belum selesai',
                content: 'Sila pastikan semakan Laporan Pengurusan Kewangan JMB/MC 3 Bulan Terkini telah OK dan cuba lagi.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red'
                    }
                }
            });
            return;
        } else {
            submitForm();
        }

        function error() {
            $.confirm({
                title: 'Maklumat tidak lengkap?',
                content: 'Sila semak permohonan anda dahulu.',
                icon: 'fa fa-warning',
                type: 'red',
                buttons: {
                    ok: {
                        btnClass: 'btn-red',
                        action: function() {

                        }
                    }
                }
            });
        }

    }
   
   function submitForm() {
   
           $.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>
@endsection
@endrole
@endsection