@extends('layouts.app')

@section('title', 'Permohonan ' . strtoupper(App\IPR::where('name', $ipr->name)->pluck('name')[0]))

@section('css')
    <style>
        .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;
        }

        .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;
        }

        .col-lg-10.tablevisibility,
        .col-lg-1.tablevisibility {
            border: 2px solid #BCBEC0;
            border-collapse: collapse;
        }

        #rowmuatnaik2,
        #rowpadam2,
        #rowinputdokumenicon {
            padding-bottom: 4px;
            padding-top: 8px;
        }

        .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;
        }

        th {
            border: 2px solid #BCBEC0 !important;
            border-collapse: collapse !important;
            background-color: #414042;
            color: white;
            padding: 10px;
            font-family: 'Myriad Pro';
            font-weight: normal;
            margin-top: 15px;
            margin-bottom: 15px;
            font-size: 16px;
        }

        #tool {
            border: 2px solid #BCBEC0;
            border-collapse: collapse;
            text-align: left;
            font-family: 'Myriad Pro';
            font-weight: normal;
            padding: 5px !important;
            background-color: white;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .tooltip {
            position: relative !important;
            display: inline-block !important;
            border-bottom: 0px dotted black;
            opacity: 1 !important;
        }

        /* Position the tooltip */
        .tooltip .tooltiptext {
            visibility: hidden !important;
            width: 700% !important;
            margin-left: -60px !important;
            background-color: #eee !important;
            color: black !important;
            text-align: left !important;
            border-radius: 0px !important;
            border-color: #E6E7E8 !important;
            padding: 0px 0px !important;
            opacity: 1 !important;
            ;
            transition: opacity 1s !important;
            border-top-width: 0px !important;
            border-top-style: solid !important;
            border-bottom-width: 0px !important;
            border-bottom-style: solid !important;
            border-right-width: 0px !important;
            border-right-style: solid !important;
            border-left-width: 0px !important;
            border-left-style: solid !important;
            position: absolute !important;
            z-index: 1 !important;
            top: -557px !important;
        }

        .tooltip:hover .tooltiptext {
            visibility: visible !important;
            opacity: 1 !important;
        }

        /* tooltip arrow position*/
        .tooltip .tooltiptext::after {
            content: "" !important;
            position: absolute !important;
            top: 101% !important;
            right: 91.8% !important;
            margin-top: -5px !important;
            border-width: 13px !important;
            border-style: solid !important;
            border-color: black transparent transparent transparent !important;
        }

        h5 {
            /* background-image: url("Information-icon2.png")!important; */
            background-repeat: no-repeat !important;
            background-position: right !important;
            padding-right: 40px !important;
            margin-bottom: 5px !important;
            display: inline-block !important;
        }
    </style>
@endsection
@section('content')

    @php
        $user = Auth::user()->profile->tarikh_lahir;
        $years = Carbon\Carbon::parse($user)->age;
    @endphp
    <div class="m-content">
        <div class="row">
            <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--label-align-right"
                action="{{ url('rakyat/daftar') }}" method="POST">
                @csrf
                <input type="hidden" name="ipr" value="{{ $ipr->name }}">
                <input type="hidden" name="akuan_1" value="">
                <input type="hidden" name="akuan_2" value="">
                <div class="m-content">
                    <div class="row">
                        <div class="col-lg-12">
                            <div id="carddanausahawanmikroselangor" 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 id="danausahawanmikroselangor" class="m-portlet__head-text">
                                                DANA USAHAWAN MIKRO SELANGOR
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="m-portlet__body">
                                    <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:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input" id="namapemohon"
                                                    name="namapemohon" value="{{ $profile->nama }}"
                                                    placeholder="Sila masukan nama">
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Tempoh Mastautin(Tahun):
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input"
                                                    id="tempohmastautinpemohon" name="tempohmastautinpemohon"
                                                    value="{{ $profile->tempoh_mastautin }}"
                                                    placeholder="Sila masukan tempoh mastautin">
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>No. Identiti:
                                            </label>
                                            <div class="input-group m-input-group col-lg-4">
                                                <select class="m-input" id="ic_type" name="ic_type"
                                                    style="font-size: 13px; color: #575962; border-color: #ebedf2; background-color: #f4f5f8"
                                                    onchange="getIc($(this).val())">
                                                    <option value="1">No. K/P</option>
                                                    <option value="2">No. Tentera</option>
                                                    <option value="3">No. Polis</option>
                                                </select>
                                                <input type="text" class="form-control m-input"
                                                    id="nokadpengenalanpemohon" name="nokadpengenalanpemohon"
                                                    value="{{ $profile->ic }}" placeholder="Sila masukan no kad pengenalan"
                                                    value="" onblur="checkDuplicate($(this).val(),'ic')"
                                                    data-inputmask-regex="([a-zA-Z0-9 ])+/g" maxlength="12">
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Taraf Pendidikan:
                                            </label>
                                            <div class="col-lg-4">
                                                <select class="form-control m-input" id="tarafpendidikan"
                                                    name="tarafpendidikan">
                                                    <option value="" hidden selected>Sila pilih taraf pendidikan
                                                    </option>
                                                    <option value="Doktor Falsafah">Doktor Falsafah</option>
                                                    <option value="Ijazah Sarjana">Ijazah Sarjana</option>
                                                    <option value="Ijazah Sarjana Muda">Ijazah Sarjana Muda</option>
                                                    <option value="Diploma">Diploma</option>
                                                    <option value="SPM">SPM</option>
                                                    <option value="Lain-Lain">Lain-Lain</option>
                                                </select>
                                            </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"
                                                    name="emel" value="{{ $profile->email }}"
                                                    placeholder="Sila masukkan emel" onblur="checkEmail($(this))">
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Umur:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input" id="umur"
                                                    name="umur" value={{ $years }}
                                                    placeholder="Sila masukan umur" readonly>
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>No Telefon Bimbit:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input"
                                                    id="notelefonbimbitpemohon" name="notelefonbimbitpemohon"
                                                    value="{{ $profile->tel_bimbit }}"
                                                    placeholder="Sila masukan no telefon bimbit">
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>No Telefon Rumah:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input"
                                                    id="notelefonrumahpemohon" name="notelefonrumahpemohon"
                                                    value="{{ $profile->tel_rumah }}"
                                                    placeholder="Sila masukan no telefon rumah">
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Tarikh Lahir:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="date" data-date="" id="tarikhlahirpemohon"
                                                    name="tarikhlahirpemohon" value="{{ $profile->tarikh_lahir }}"
                                                    class="form-control m-input" data-date-format="MM DD YYYY" readonly>
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>No Faks:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="text" class="form-control m-input" id="nofakspemohon"
                                                    name="nofakspemohon" placeholder="Sila masukan no faks">
                                            </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="{{ $profile->alamat_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"
                                                    name="poskod" value="{{ $profile->poskod }}"
                                                    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" name="alamat_2"
                                                    value="{{ $profile->alamat_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">
                                                <input type="text" class="form-control m-input" name="daerah"
                                                    value="{{ $profile->daerah }}" placeholder="Sila masukan daerah">
                                            </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="{{ $profile->alamat_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" name="negeri">
                                                    <option value="{{ old('') }}" hidden selected>Sila pilih negeri
                                                    </option>
                                                    <option value="Johor"
                                                        @if ($profile->negeri == 'Johor') selected @endif>Johor</option>
                                                    <option value="Kedah"
                                                        @if ($profile->negeri == 'Kedah') selected @endif>Kedah</option>
                                                    <option value="Kelantan"
                                                        @if ($profile->negeri == 'Kelantan') selected @endif>Kelantan</option>
                                                    <option value="Melaka"
                                                        @if ($profile->negeri == 'Melaka') selected @endif>Melaka</option>
                                                    <option value="Negeri Sembilan"
                                                        @if ($profile->negeri == 'Negeri Sembilan') selected @endif>Negeri Sembilan
                                                    </option>
                                                    <option value="Pahang"
                                                        @if ($profile->negeri == 'Pahang') selected @endif>Pahang</option>
                                                    <option value="Penang"
                                                        @if ($profile->negeri == 'Penang') selected @endif>Penang</option>
                                                    <option value="Perak"
                                                        @if ($profile->negeri == 'Perak') selected @endif>Perak</option>
                                                    <option value="Perlis"
                                                        @if ($profile->negeri == 'Perlis') selected @endif>Perlis</option>
                                                    <option value="Selangor"
                                                        @if ($profile->negeri == 'Selangor') selected @endif>Selangor</option>
                                                    <option value="Terengganu"
                                                        @if ($profile->negeri == 'Terengganu') selected @endif>Terengganu
                                                    </option>
                                                    <option value="Sabah"
                                                        @if ($profile->negeri == 'Sabah') selected @endif>Sabah</option>
                                                    <option value="Sarawak"
                                                        @if ($profile->negeri == 'Sarawak') selected @endif>Sarawak</option>
                                                    <option value="W.P. Kuala Lumpur"
                                                        @if ($profile->negeri == 'W.P. Kuala Lumpur') selected @endif>W.P. Kuala
                                                        Lumpur</option>
                                                    <option value="W.P. Labuan"
                                                        @if ($profile->negeri == 'W.P. Labuan') selected @endif>W.P. Labuan
                                                    </option>
                                                    <option value="W.P. Putrajaya"
                                                        @if ($profile->negeri == 'W.P. Putrajaya') selected @endif>W.P. Putrajaya
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <!-- kemahiran -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Kemahiran Pemohon
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="kemahirantable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Kemahiran</th>
                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="kemahiran_input">
                                                    <tr>
                                                        <td><input id="kemahiran" name="kemahiran[]" type="text"
                                                                class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div id="kemahiran_add" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="kemahiran_add()">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- kemahiran -->
                                        <!-- kursus -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Kursus Usahawan Yang Pernah Dihadiri
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="kursustable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Kursus Usahawan Yang Pernah Dihadiri</th>
                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="kursus_input">
                                                    <tr>
                                                        <td><input id="kursus" name="khursus_usahawan[]"
                                                                type="text" class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div id="kursus_add" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="kursus_add()">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- kursus -->
                                        <!-- pengalaman -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Pengalaman Bekerja
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="kursustable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Nama Syarikat</th>
                                                        <th>Jawatan</th>
                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="pengalaman_input">
                                                    <tr>
                                                        <td><input id="namasyarikat" name="nama_syarikat[]"
                                                                type="text" class="form-control m-input" ></td>
                                                        <td><input id="jawatan" name="jawatan[]" type="text"
                                                                class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="pengalaman_add()" id="pengalaman_add">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- pengalaman -->
                                    </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 Perniagaan:
                                            </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" name="alamat_pej_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="maklumat_poskod"
                                                    name="poskod_pej" 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" name="alamat_pej_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" name="daerah_pej">
                                                    <option value="{{ old('') }}" hidden selected>Sila pilih daerah
                                                    </option>
                                                    <option value="Sepang">Sepang</option>
                                                    <option value="Sabak Bernam">Sabak Bernam</option>
                                                    <option value="Petaling">Petaling</option>
                                                    <option value="Kuala Selangor">Kuala Selangor</option>
                                                    <option value="Kuala Langat">Kuala Langat</option>
                                                    <option value="Klang">Klang</option>
                                                    <option value="Hulu Selangor">Hulu Selangor</option>
                                                    <option value="Hulu Langat">Hulu Langat</option>
                                                    <option value="Gombak">Gombak</option>
                                                </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_pej_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="maklumat_negeri"
                                                    name="negeri_pej">
                                                    <option value="{{ old('') }}" 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 class="form-group m-form__group row">
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Tarikh Beroperasi di Negeri Selangor:
                                            </label>
                                            <div class="col-lg-4">
                                                <input type="date" data-date="" id="tarikh_operasi"
                                                    name="tarikh_operasi" class="form-control m-input">
                                                <small style="color: red;">Tarikh mula beroperasi hendaklah
                                                    sekurang-kurangnya 2 tahun</small>
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>Tapak Perniagaan:
                                            </label>
                                            <div class="col-lg-4">
                                                <select class="form-control m-input" id="tapakperniagaan"
                                                    name="tapak_perniagaan">
                                                    <option value="" hidden selected>Sila pilih tapak perniagaan
                                                    </option>
                                                    <option value="Sendiri">Sendiri</option>
                                                    <option value="Sewa">Sewa</option>
                                                </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 Pekerja:
                                            </label>
                                            <div class="col-lg-2">
                                                <input type="text" class="form-control m-input" id="jumlahpekerja"
                                                    name="jumlah_pekerja" placeholder="Sila masukan jumlah pekerja">
                                            </div>
                                            <label class="col-lg-3 col-form-label">
                                                <span style="color: red">* </span>Nilai jualan tahunan untuk dua tahun
                                                terkini:
                                            </label>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>{{ now()->year - 1 }}:
                                            </label>
                                            <div class="input-group m-input-group col-lg-2">
                                                <span class="input-group-addon">RM</span><input type="number"
                                                    class="form-control m-input" id="nilai_jualan_1"
                                                    oninput="maxLengthCheck(this)" max="300000" maxlength="6"
                                                    name="nilai_jualan_1">
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <div class="col-lg-7">
                                            </div>
                                            <label class="col-lg-2 col-form-label">
                                                <span style="color: red">* </span>{{ now()->year - 2 }}:
                                            </label>
                                            <div class="input-group m-input-group col-lg-2">
                                                <span class="input-group-addon">RM</span><input type="number"
                                                    class="form-control m-input" id="nilai_jualan_2"
                                                    oninput="maxLengthCheck(this)" max="300000" maxlength="6"
                                                    name="nilai_jualan_2">
                                            </div>
                                        </div>
                                        <div class="form-group m-form__group row">
                                            <label class="col-lg-3 col-form-label">
                                                <span style="color: red">* </span>Jumlah Modal Yang Dikeluarkan:
                                            </label>
                                            <div class="input-group m-input-group col-lg-6">
                                                <span class="input-group-addon">
                                                    RM
                                                </span>
                                                <input type="text" class="form-control m-input" id="modal"
                                                    name="modal"
                                                    placeholder="Sila masukan jumlah modal yang dikeluarkan"
                                                    oninput="total()">
                                            </div>
                                        </div>
                                        <!-- produk -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Produk-Produk Yang Dihasilkan
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="produktable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Senarai Produk-Produk Yang Dihasilkan</th>
                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="produk_input">
                                                    <tr>
                                                        <td><input id="produk" name="produk[]" type="text"
                                                                class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div id="produk_add" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="produk_add()">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- produk -->
                                        <!-- peralatan -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Peralatan Sedia Ada
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="peralatantable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Senarai Peralatan Sedia Ada</th>
                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="peralatan_input">
                                                    <tr>
                                                        <td><input id="peralatan" name="peralatan[]" type="text"
                                                                class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div id="peralatan_add" class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="peralatan_add()">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- peralatan -->
                                        <!-- bantuan -->
                                        <div class="m-form__heading">
                                            <h3 id="maklumatahlikeluarga" class="m-form__heading-title">
                                                Maklumat Bantuan Kerajaan Negeri Selangor
                                            </h3>
                                        </div>
                                        <div class="col-lg-12">
                                            <table id="peralatantable" class="table order table-responsive">
                                                <thead>
                                                    <tr>
                                                        <th>Jenis Bantuan</th>
                                                        <th>Jenama</th>
                                                        <th>Model</th>
                                                        <th>Tujuan</th>
                                                        <th>Jumlah (RM)</th>
                                                        <th>Jangkaan Peningkatan Pengeluaran dan Pendapatan Hasil daripada
                                                            Bantuan</th>

                                                        <th width="10%"></th>
                                                    </tr>
                                                </thead>
                                                <tbody id="bantuan_input">
                                                    <tr>
                                                        <td>
                                                            <select class="form-control m-input" id="keadaan_bantuan"
                                                                name="keadaan_bantuan[]">
                                                                <option value="" hidden selected>Sila pilih</option>
                                                                <option value="Mesin">Mesin</option>
                                                                <option value="Peralatan">Peralatan</option>
                                                                <option value="Perkakasan">Perkakasan</option>
                                                            </select>
                                                        </td>
                                                        <td><input id="jenama" name="jenama[]" type="text"
                                                                class="form-control m-input"></td>
                                                        <td><input id="model" name="model[]" type="text"
                                                                class="form-control m-input"></td>
                                                        <td><input id="tujuan" name="tujuan[]" type="text"
                                                                class="form-control m-input"></td>
                                                        <td><input id="jumlah" name="jumlah[]" type="text"
                                                                value="0.00" class="form-control m-input"></td>
                                                        <td><input id="jangkaan" name="jangkaan[]" type="text"
                                                                class="form-control m-input"></td>
                                                    </tr>
                                                </tbody>
                                                <tfoot></tfoot>
                                            </table>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="btn btn btn-sm btn-success m-btn m-btn--icon m-btn--pill m-btn--wide"
                                                onclick="bantuan_add()">
                                                <span>
                                                    <i class="la la-plus"></i>
                                                    <span>
                                                        Tambah
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- peralatan -->
                                    </div>
                                    <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                                    <div class="m-form__section m-form__section--middle lampirandokumen">
                                        <div class="m-form__heading">
                                            <h3 id="lampirandokumen" class="m-form__heading-title">
                                                Lampiran 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 5MB)</span></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>Salinan Kad Pengenalan Pemohon</td>
                                                        <td><input class="m-input" id="salinan_ic" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Salinan Kad Pengenalan Pemohon" name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Salinan Lesen perniagaan Pihak Berkuasa Tempatan/Permit Surat
                                                            Kebenaran dari Pihak Berkuasa yang berkaitan bagi jenis/aktiviti
                                                            perniagaan yang dijalankan (jika ada)</td>
                                                        <td><input class="m-input" id="salinan_lesen" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Salinan Lesen Perniagaan" name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Salinan Geran Tanah atau Salinan Surat Perjanjian Penyewaan atau
                                                            dokumen yang berkaitan dengan penyewaan tanah/premis pengeluaran
                                                            (sekiranya menyewa)</td>
                                                        <td><input class="m-input" id="salinan_geran" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Salinan Geran Tanah atau Salinan Surat Perjanjian Penyewaan"
                                                            name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Gambar Premis Pengeluaran Berukuran 3R ( bahagian hadapan )</td>
                                                        <td><input class="m-input" id="gambar_premis_1" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Gambar Premis Pengeluaran Berukuran 3R - Hadapan"
                                                            name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Gambar Premis Pengeluaran Berukuran 3R ( kiri )</td>
                                                        <td><input class="m-input" id="gambar_premis_2" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Gambar Premis Pengeluaran Berukuran 3R - Kiri"
                                                            name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Gambar Premis Pengeluaran Berukuran 3R ( kanan )</td>
                                                        <td><input class="m-input" id="gambar_premis_3" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Gambar Premis Pengeluaran Berukuran 3R - Kanan"
                                                            name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Gambar Premis Pengeluaran Berukuran 3R ( belakang )</td>
                                                        <td><input class="m-input" id="gambar_premis_4" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Gambar Premis Pengeluaran Berukuran 3R - Belakang"
                                                            name="dokumen_title[]">
                                                    </tr>
                                                    <tr>
                                                        <td>Gambar - Gambar Produk</td>
                                                        <td><input class="m-input" id="gambar_produk" type="file"
                                                                name="dokumen[]" onchange="ValidateSize(this)"></td>
                                                        <input class="form-control m-input" type="hidden"
                                                            value="Gambar produk" name="dokumen_title[]">
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </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"
                                    onclick="window.location='{{ url('cluster/pekerjaan-perniagaan') }}'">
                                    Kembali
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

            {{-- 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 Pemohon:
                                </h5>
                                <br>
                                <div class="form-group row">
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Nama:
                                        </label>
                                        <input type="text" class="form-control" id="m_nama" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Tempoh Mastautin:
                                        </label>
                                        <input type="text" class="form-control" id="m_tempohmastautinpemohon"
                                            readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            No.Kad Pengenalan / No.Polis / No.Tentera:
                                        </label>
                                        <input type="text" class="form-control" id="m_nokadpengenalanpemohon"
                                            readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Taraf Pendidikan:
                                        </label>
                                        <input type="text" class="form-control" id="m_tarafpendidikan" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Emel:
                                        </label>
                                        <input type="text" class="form-control" id="m_emel" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Umur:
                                        </label>
                                        <input type="text" class="form-control" id="m_umur" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            No. Telefon Bimbit:
                                        </label>
                                        <input type="text" class="form-control" id="m_tel_bimbit" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            No. Telefon Rumah:
                                        </label>
                                        <input type="text" class="form-control" id="m_tel_rumah" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Tarikh Lahir Pemohon:
                                        </label>
                                        <input type="text" class="form-control" id="m_tarikhlahirpemohon" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            No Faks:
                                        </label>
                                        <input type="text" class="form-control" id="m_nofakspemohon" readonly>
                                    </div>
                                </div>
                            </div>
                            <hr class="modal-hr">
                            <div class="m-form__section m-form__section--middle">
                                <h5 style="color: #f4516c">
                                    Maklumat Tempat Tinggal:
                                </h5>
                                <br>
                                <div class="form-group row">
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Alamat:
                                        </label>
                                        <textarea type="text" class="form-control" id="m_alamat" readonly></textarea>
                                    </div>
                                </div>
                            </div>

                            <hr class="modal-hr maklumat_kemahiran">
                            <div class="m-form__section m-form__section--middle maklumat_ahli_keluarga">
                                <h5 style="color: #f4516c">
                                    Maklumat Kemahiran Pemohon:
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="maklumattanggungantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Kemahiran</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_kemahiran_input"></tbody>
                                    </table>
                                </div>
                            </div>
                            <hr class="modal-hr kursus_usahawan">
                            <div class="m-form__section m-form__section--middle bantuan_diterima">
                                <h5 style="color: #f4516c">
                                    Maklumat Kursus Usahawan Yang Pernah Dihadiri :
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="bantuantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Kursus Usahawan Yang Pernah Dihadiri</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_khursus_usahawan_input"></tbody>
                                    </table>
                                </div>
                            </div>
                            <hr class="modal-hr pengalaman">
                            <div class="m-form__section m-form__section--middle bantuan_diterima">
                                <h5 style="color: #f4516c">
                                    Maklumat Pengalaman Bekerja :
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="bantuantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Nama Syarikat</th>
                                                <th>Jawatan</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_pengalaman_input"></tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="m-form__section m-form__section--first">
                                <h5 style="color: #f4516c">
                                    Maklumat Perniagaan:
                                </h5>
                                <br>
                                <div class="form-group row">
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Alamat:
                                        </label>
                                        <textarea type="text" class="form-control" id="m_alamat_peniagaan" readonly></textarea>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Tarikh Beroperasi:
                                        </label>
                                        <input type="text" class="form-control" id="m_tarikh_operasi" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Tapak Perniagaan:
                                        </label>
                                        <input type="text" class="form-control" id="m_tapak_perniagaan" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Jumlah Pekerja:
                                        </label>
                                        <input type="text" class="form-control" id="m_jumlah_pekerja" readonly>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Nilai Jualan Tahun 2020:
                                        </label>
                                        <div class="input-group m-input-group col-lg-4">

                                            <span class="input-group-addon">
                                                RM
                                            </span>
                                            <input type="text" class="form-control" id="m_nilai_jualan_1"
                                                oninput="total()" readonly>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Nilai Jualan Tahun 2019
                                        </label>
                                        <div class="input-group m-input-group col-lg-4">
                                            <span class="input-group-addon">
                                                RM
                                            </span>
                                            <input type="text" class="form-control" id="m_nilai_jualan_2"
                                                oninput="total()" readonly>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label for="recipient-name" class="form-control-label">
                                            Jumlah Modal Yang DiKeluarkan
                                        </label>
                                        <div class="input-group m-input-group col-lg-4">
                                            <span class="input-group-addon">
                                                RM
                                            </span>
                                            <input type="text" class="form-control" id="m_modal" oninput="total()"
                                                readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="modal-hr produk">
                            <div class="m-form__section m-form__section--middle bantuan_diterima">
                                <h5 style="color: #f4516c">
                                    Maklumat Produk-Produk Yang Dihasilkan :
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="bantuantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Senarai Produk-Produk Yang Dihasilkan</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_produk_input"></tbody>
                                    </table>
                                </div>
                            </div>
                            <hr class="modal-hr peralatan">
                            <div class="m-form__section m-form__section--middle bantuan_diterima">
                                <h5 style="color: #f4516c">
                                    Maklumat Peralatan Sedia Ada :
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="bantuantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Senarai Peralatan Sedia Ada</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_peralatan_input"></tbody>
                                    </table>
                                </div>
                            </div>
                            <hr class="modal-hr peralatan">
                            <div class="m-form__section m-form__section--middle bantuan_diterima">
                                <h5 style="color: #f4516c">
                                    Maklumat Bantuan:
                                </h5>
                                <br>
                                <div class="col-lg-12">
                                    <table id="bantuantable" class="table order table-responsive">
                                        <thead>
                                            <tr>
                                                <th>Jenis Bantuan</th>
                                                <th>Jenama</th>
                                                <th>Model</th>
                                                <th>Tujuan</th>
                                                <th>Jumlah (RM)</th>
                                                <th>Jangkaan Peningkatan Pengeluaran dan Pendapatan Hasil daripada Bantuan
                                                </th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="m_bantuan_input"></tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="m-form__section m-form__section--middle dokumen">
                                <h5 style="color: #f4516c">
                                    Senarai Semak Dokumen:
                                </h5>
                                <br>
                                <div class="col-lg-12" 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>
                            </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 --}}

        @endsection
        @section('js')
            <script type="text/javascript">
                function ValidateSize(file) {
                    var FileSize = file.files[0].size / 1024 / 1024; // in MB
                    if (FileSize > 5) {
                        fileSizeErr();
                        $('#salinan_ic').val(''); //for clearing with Jquery
                        $('#salinan_lesen').val('');
                        $('#salinan_geran').val('');
                        $('#gambar_premis_1').val('');
                        $('#gambar_premis_2').val('');
                        $('#gambar_premis_3').val('');
                        $('#gambar_premis_4').val('');
                        $('#gambar_produk').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 src="../../../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
    <script src="../../../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script> -->
            <script>
                var kursus = 1;
                var pengalaman = 1;
                var kemahiran_count = 1;
                var produk_count = 1;
                var peralatan_count = 1;

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

                $('#notelefonbimbitpemohon,#notelefonbimbitpasangan').inputmask('Regex', {
                    regex: "^(01)[0-9]{8,9}$"
                });

                $('#notelefonrumahpemohon,#notelefonrumahpasangan').inputmask('Regex', {
                    regex: "^(03)[0-9]{8}$"
                });

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

                // $("#nilai_jualan_1, #nilai_jualan_2").inputmask({mask: "999999", placeholder: ""});

                function maxLengthCheck(object) {
                    if (object.value.length > object.maxLength)
                        object.value = object.value.slice(0, object.maxLength)

                    if (object.value > 300000) {
                        $('input[name=nilai_jualan_1]').val('');
                        $('input[name=nilai_jualan_2]').val('');
                        maxvalueErr();
                    }

                    function maxvalueErr() {
                        $.confirm({
                            title: 'Nilai melebihi had.',
                            content: 'Sila nyatakan nilai jualan tidak melebihi RM300,000.00.',
                            icon: 'fa fa-warning',
                            type: 'red',
                            buttons: {
                                ok: {
                                    btnClass: 'btn-red',
                                    action: function() {

                                    }
                                }
                            }
                        });
                    }
                }

                $(document).ready(function() {
                    var now = new Date(new Date().setFullYear(new Date().getFullYear() - 2));

                    var day = ("0" + now.getDate()).slice(-2);
                    var month = ("0" + (now.getMonth() + 1)).slice(-2);

                    var target_date = now.getFullYear() + "-" + (month) + "-" + (day);

                    $('#tarikh_operasi').attr('max', target_date);
                });

                function validate() {
                    var file = 0
                    $('input[name="dokumen[]"]').each(function(i, v) {
                        if ($(this).val() == '') {
                            file++
                        }
                    });

                    if ($('input[name="namapemohon"]').val() == '' ||
                        $('select[name="tarafpendidikan"] option:selected').val() == '' ||
                        $('input[name="alamat_pej_1"]').val() == '' ||
                        $('input[name="poskod_pej"]').val() == '' ||
                        $('select[name="daerah_pej "] option:selected').val() == '' ||
                        $('select[name="negeri_pej "] option:selected').val() == '' ||
                        $('select[name="tapak_perniagaan  "] option:selected').val() == '' ||
                        $('input[name="tarikh_operasi"]').val() == '' ||
                        $('input[name="jumlah_pekerja"]').val() == '' ||
                        $('input[name="nilai_jualan_1"]').val() == '' ||
                        $('input[name="nilai_jualan_2"]').val() == '' ||
                        $('input[name="modal"]').val() == '' ||
                        $('input[name="nofakspemohon"]').val() == '' ||
                        $('input[name="notelefonrumahpemohon"]').val() == '' ||
                        $('input[name="produk[]"]').val() == '' ||
                        $('input[name="peralatan[]"]').val() == '' ||
                        $('input[name="jenama[]"]').val() == '' ||
                        $('input[name="model[]"]').val() == '' ||
                        $('input[name="tujuan[]"]').val() == '' ||
                        $('input[name="jumlah[]"]').val() == '' ||
                        $('input[name="jangkaan[]"]').val() == '' ||
                        file > 0

                    )

                    {
                        error();
                        return;
                    } else {
                        // check duplicate
                        if ($(".success_ic").is(":hidden")) {
                            $.confirm({
                                title: 'Maklumat semakan belum selesai',
                                content: 'Sila pastikan semakan No Identiti telah OK dan cuba lagi.',
                                icon: 'fa fa-warning',
                                type: 'red',
                                buttons: {
                                    ok: {
                                        btnClass: 'btn-red'
                                    }
                                }
                            });
                            return;
                        }
                        showRumusan();
                    }

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

                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() {

                                    }
                                }
                            }
                        });
                    }
                }

                function showRumusan() {
                    // Maklumat Pemohon
                    $('#m_nama').val($('input[name="namapemohon"]').val());
                    $('#m_tempohmastautinpemohon').val($('input[name="tempohmastautinpemohon"]').val());
                    $('#m_nokadpengenalanpemohon').val($('input[name="nokadpengenalanpemohon"]').val());
                    $('#m_tarafpendidikan').val($('select[name="tarafpendidikan"] option:selected').html());
                    $('#m_emel').val($('input[name="emel"]').val());
                    $('#m_umur').val($('input[name="umur"]').val());
                    $('#m_tel_bimbit').val($('input[name="notelefonbimbitpemohon"]').val());
                    $('#m_tel_rumah').val($('input[name="notelefonrumahpemohon"]').val());
                    $('#m_tarikhlahirpemohon').val($('input[name="tarikhlahirpemohon"]').val());
                    $('#m_nofakspemohon').val($('input[name="nofakspemohon"]').val());
                    // Maklumat Tempat Tinggal
                    $('#m_alamat').html([
                        $('input[name="alamat_1"]').val() + ' ',
                        $('input[name="alamat_2"]').val() ? $('input[name="alamat_2"]').val() + ' ' : ' ',
                        $('input[name="alamat_3"]').val() ? $('input[name="alamat_3"]').val() + ' ' : ' ',
                        $('input[name="poskod"]').val() + ', ',
                        $('input[name="daerah"]').val() + ', ',
                        $('select[name="negeri"] option:selected').val() + '.',
                    ]);
                    // Maklumat Kemahiran
                    var kemahiran = [],
                        data = [],
                        html = '';

                    $('input[name="kemahiran[]"]').each(function(i, v) {
                        kemahiran.push($(this).val());
                    });


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

                    $('#m_kemahiran_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.kemahiran + '" disabled>' +
                            '</td>' +
                            '</tr>';

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


                    // Maklumat kursus
                    var khursus_usahawan = [],
                        data = [],
                        html = '';

                    $('input[name="khursus_usahawan[]"]').each(function(i, v) {
                        khursus_usahawan.push($(this).val());
                    });


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

                    $('#m_khursus_usahawan_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.khursus_usahawan + '" disabled>' +
                            '</td>' +
                            '</tr>';

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


                    // Maklumat pengalaman
                    var nama_syarikat = [],
                        jawatan = [],
                        data = [],
                        html = '';

                    $('input[name="nama_syarikat[]"]').each(function(i, v) {
                        nama_syarikat.push($(this).val());
                    });
                    $('input[name="jawatan[]"]').each(function(i, v) {
                        jawatan.push($(this).val());
                    });


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

                    $('#m_pengalaman_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.nama_syarikat + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.jawatan + '" disabled>' +
                            '</td>' +
                            '</tr>';

                        $('#m_pengalaman_input').append(html);
                    });
                    document
                    var document = [],
                        document_title = [],
                        data = [],
                        html = '';

                    $('input[name="dokumen[]"]').each(function(i, v) {
                        document.push($(this).val());
                    });
                    $('input[name="dokumen_title[]"]').each(function(i, v) {
                        document_title.push($(this).val());
                    });

                    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 style="text-align: left;">' + d.document_title + '</td>';
                        if (d.document == '')
                            html = html + '<td style="text-align: center;"> - Tiada Fail</td>';
                        else
                            html = html + '<td style="text-align: center;"> - ' + d.document;

                        html = html + '</tr>';
                    });
                    html = html + '</table>';
                    $('#documentlist').append(html);


                    // Maklumat Perniagaan
                    $('#m_alamat_peniagaan').html([
                        $('input[name="alamat_pej_1"]').val() + ' ',
                        $('input[name="alamat_pej_2"]').val() ? $('input[name="alamat_pej_2"]').val() + ' ' : ' ',
                        $('input[name="alamat_pej_3"]').val() ? $('input[name="alamat_pej_3"]').val() + ' ' : ' ',
                        $('input[name="poskod_pej"]').val() + ', ',
                        $('select[name="daerah_pej"] option:selected').val() + ', ',
                        $('select[name="negeri_pej"] option:selected').val() + '.',
                    ]);
                    $('#m_tarikh_operasi').val($('input[name="tarikh_operasi"]').val());
                    $('#m_tapak_perniagaan').val($('select[name="tapak_perniagaan"] option:selected').html());
                    $('#m_jumlah_pekerja').val($('input[name="jumlah_pekerja"]').val());
                    $('#m_nilai_jualan_1').val($('input[name="nilai_jualan_1"]').val());
                    $('#m_nilai_jualan_2').val($('input[name="nilai_jualan_2"]').val());
                    $('#m_modal').val($('input[name="modal"]').val());

                    // Maklumat produk
                    var produk = [],
                        data = [],
                        html = '';

                    $('input[name="produk[]"]').each(function(i, v) {
                        produk.push($(this).val());
                    });


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

                    $('#m_produk_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.produk + '" disabled>' +
                            '</td>' +
                            '</tr>';

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


                    // Maklumat peralatan
                    var peralatan = [],
                        data = [],
                        html = '';

                    $('input[name="peralatan[]"]').each(function(i, v) {
                        peralatan.push($(this).val());
                    });


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

                    $('#m_peralatan_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.peralatan + '" disabled>' +
                            '</td>' +
                            '</tr>';

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


                    // Maklumat bantuan
                    var keadaan_bantuan = [],
                        jenama = [],
                        model = [],
                        tujuan = [],
                        jumlah = [],
                        jangkaan = [],
                        data = [],
                        html = '';

                    $('select[name="keadaan_bantuan[]"] option:selected').each(function() {
                        keadaan_bantuan.push($(this).val());
                    });
                    $('input[name="jenama[]"]').each(function() {
                        jenama.push($(this).val());
                    });
                    $('input[name="model[]"]').each(function() {
                        model.push($(this).val());
                    });
                    $('input[name="tujuan[]"]').each(function() {
                        tujuan.push($(this).val());
                    });
                    $('input[name="jumlah[]"]').each(function() {
                        jumlah.push($(this).val());
                    });
                    $('input[name="jangkaan[]"]').each(function() {
                        jangkaan.push($(this).val());
                    });

                    for (x = 0; x < keadaan_bantuan.length; x++) {
                        data.push({
                            keadaan_bantuan: keadaan_bantuan[x],
                            jenama: jenama[x],
                            model: model[x],
                            tujuan: tujuan[x],
                            jumlah: jumlah[x],
                            jangkaan: jangkaan[x],
                        })

                    }

                    $('#m_bantuan_input').html('');
                    data.forEach(function(d) {
                        html =
                            '<tr>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.keadaan_bantuan + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.jenama + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.model + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.tujuan + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.jumlah + '" disabled>' +
                            '</td>' +
                            '<td>' +
                            '<input type="text" class="form-control m-input" value="' + d.jangkaan + '" disabled>' +
                            '</td>' +
                            '</tr>';

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

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

                function total() {
                    var kemahiran = 0;
                }

                function kemahiran_add() {
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<input id="kemahiran" name="kemahiran[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="kemahiran_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                    if(kemahiran_count < 3){
                        $('#kemahiran_input').append(html);
                        kemahiran_count++;
                    }
                    if(kemahiran_count == 3)
                        $('#kemahiran_add').hide();

                }

                function kemahiran_delete(x) {
                    kemahiran_count--;
                    $('#kemahirann_add').show();
                    x.closest('tr').remove();
                    total();
                }

                function total() {
                    var kursus = 0;
                }

                
                function kursus_add() {
                    
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<input id="kursus" name="khursus_usahawan[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="kursus_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                        if(kursus < 3){
                            $('#kursus_input').append(html);
                            kursus++; 
                        }
                        if(kursus == 3){
                            $('#kursus_add').hide();
                        }

                    }

                function kursus_delete(x) {
                    kursus--;
                    x.closest('tr').remove();
                    $('#kursus_add').show();
                    total();
                }

                function total() {
                    var pengalaman = 0;
                }

                function pengalaman_add() {
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<input id="namasyarikat" name="nama_syarikat[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<input id="jawatan" name="jawatan[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="pengalaman_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                        if(pengalaman < 3){
                            $('#pengalaman_input').append(html);
                            pengalaman++; 
                        }
                        if(pengalaman == 3){
                            $('#pengalaman_add').hide();
                        }
                }

                function pengalaman_delete(x) {
                    pengalaman--;
                    $('#pengalaman_add').show();
                    x.closest('tr').remove();
                    total();
                }

                function total() {
                    var produk = 0;
                }

                function produk_add() {
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<input id="produk" name="produk[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="produk_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                        if(produk_count < 5){
                            $('#produk_input').append(html);
                            produk_count++;
                        }
                        if(produk_count == 5)
                            $('#produk_add').hide();
                }

                function produk_delete(x) {
                    produk_count--;
                    $('#produk_add').show();
                    x.closest('tr').remove();
                    total();
                }

                function total() {
                    var peralatan = 0;
                }

                function peralatan_add() {
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<input id="peralatan" name="peralatan[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="peralatan_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

                    if(peralatan_count < 5){
                        $('#peralatan_input').append(html);
                        peralatan_count++;
                    }
                    if(peralatan_count == 5)
                        $('#peralatan_add').hide();
                }

                function peralatan_delete(x) {
                    peralatan_count--;
                    $('#peralatan_add').show();
                    x.closest('tr').remove();
                    total();
                }

                function bantuan_add() {
                    var html =
                        '<tr>' +
                        '<td>' +
                        '<select class="form-control m-input" id="keadaan_bantuan[]" name="keadaan_bantuan[]" >' +
                        '<option value="" hidden selected>Sila pilih</option>' +
                        '<option value="Mesin">Mesin</option>' +
                        '<option value="Peralatan">Peralatan</option>' +
                        '<option value="Perkakasan">Perkakasan</option>' +
                        '</select>' +
                        '</td>' +
                        '<td>' +
                        '<input name="jenama[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<input  name="model[]" type="text" class="form-control m-input">' +
                        '</td>' + '<td>' +
                        '<input  name="tujuan[]" type="text" class="form-control m-input">' +
                        '</td>' + '<td>' +
                        '<input  name="jumlah[]" type="text" value="0.00" class="form-control m-input">' +
                        '</td>' + '<td>' +
                        '<input  name="jangkaan[]" type="text" class="form-control m-input">' +
                        '</td>' +
                        '<td>' +
                        '<div class="btn-sm btn btn-warning m-btn m-btn--icon m-btn--pill" onclick="bantuan_delete($(this))">' +
                        '<span>' +
                        '<i class="la la-trash-o"></i>' +
                        '<span>Padam</span>' +
                        '</span>' +
                        '</div>' +
                        '</td>' +
                        '</tr>';

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

                function bantuan_delete(x) {
                    x.closest('tr').remove();
                    total();
                }
            </script>
        @endsection