@extends('layouts.app')
@section('title', 'Permohonan')
@section('permohonan', 'm-menu__item--active')
@section('css')
<style>
    .modal-hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
        border-top: 1px dashed rgba(0, 0, 0, .3);
    }
</style>
@endsection
@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="m-portlet">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon m--hide">
                            <i class="la la-gear"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            {{ $ipr->display_name }} (SIDEC)
                        </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-portlet__body">
                <div class="m-form__section m-form__section--first">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Kategori Perniagaan
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Sila Pilih Kategori:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control" id="kategori" name="kategori">
                                    <option value="">Sila pilih ...</option>
                                    <option value="Pemilikan Tunggal">Pemilikan Tunggal</option>
                                    <option value="Rakan Kongsi">Rakan Kongsi</option>
                                    <option value="Syarikat Sendirian Berhad">Syarikat Sendirian Berhad</option>
                                    <option value="Perkongsiann Liabiliti Terhad">Perkongsiann Liabiliti Terhad</option>
                                </select>
                            </div>
                                <label class="col-lg-2 col-form-label">
                                <span style="color: red">* </span>
                                    Nama Program:
                                </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" id="program_id" name="program">
                                    <option value="">Sila pilih ...</option>
                                    @foreach ($program as $listbox)
                                    <option value="{{$listbox->id}}">{{$listbox->nama_program}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="m-form__seperator m-form__seperator--dashed"></div>
                    <div class="m-form__section m-form__section--middle">
                        <div class="m-form__heading">
                            <h3 class="m-form__heading-title">
                                Maklumat Syarikat:
                            </h3>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Tahun Penubuhan:
                            </label>
                            <div class="col-lg-4">
                                <select class="form-control m-input" name="tahun_penubuhan">
                                    <option value="">Sila pilih ...</option>
                                    @php $years = range(date('Y'), 1900); @endphp
                                    @foreach($years as $year)
                                    <option value="{{$year}}">{{$year}}</option>
                                    @endforeach
                                </select>
                                {{-- <input type="text" class="form-control m-input" name="tahun_syarikat" placeholder="Sila masukan tahun penubuhan syarikat" > --}}
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                No. Pendaftaran Syarikat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="no_pendaftaran" placeholder="Sila masukan no pendaftaran syarikat" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Nama Syarikat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_syarikat" placeholder="Sila masukan nama syarikat" >
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Nama Kedai:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_kedai" placeholder="Sila masukan nama kedai" >
                            </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">
                                <textarea class="form-control m-input" name="alamat_syarikat" cols="30" rows="4"></textarea>
                            </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" name="daerah_syarikat">
                                    <option value="">Sila pilih ...</option>
                                    @foreach (App\UmumDaerah::all() as $daerah)
                                        <option value="{{ $daerah->nama }}">{{ $daerah->nama }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Nama Pendaftaran Syarikat:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_daftar" placeholder="Sila masukan nama pendaftaran syarikat" >
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Nama Akaun (Syarikat atau Persendirian):
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_akaun" placeholder="Sila masukan nama akaun" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Nama Pemilik:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="nama_pemilik" placeholder="Sila masukan nama pemilik" >
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Sila Nama Bank:
                            </label>
                            <div class="input-group col-lg-4">
                                <select class="form-control" id="nama_bank" name="nama_bank">
                                    <option value="">Sila pilih ...</option>
                                    <option value="AFFIN BANK BERHAD">AFFIN BANK BERHAD</option>
                                    <option value="Affin Islamic Bank Berhad">Affin Islamic Bank Berhad</option>
                                    <option value="ALLIANCE BANK MALAYSIA BERHAD">ALLIANCE BANK MALAYSIA BERHAD</option>
                                    <option value="Alliance Islamic Bank Berhad">Alliance Islamic Bank Berhad</option>
                                    <option value="Al Rajhi Banking & Investment Corporation (Malaysia) Berhad">Al Rajhi Banking & Investment Corporation (Malaysia) Berhad</option>
                                    <option value="Alkhair International Islamic Bank Bhd">Alkhair International Islamic Bank Bhd</option>
                                    <option value="AMBANK (M) BERHAD">AMBANK (M) BERHAD</option>
                                    <option value="AmBank Islamic Berhad">AmBank Islamic Berhad</option>
                                    <option value="BNP PARIBAS MALAYSIA BERHAD">BNP PARIBAS MALAYSIA BERHAD</option>
                                    <option value="BANGKOK BANK BERHAD">BANGKOK BANK BERHAD</option>
                                    <option value="Bank Islam Malaysia Berhad">Bank Islam Malaysia Berhad</option>
                                    <option value="Bank Muamalat Malaysia Berhad">Bank Muamalat Malaysia Berhad</option>
                                    <option value="BANK OF AMERICA MALAYSIA BERHAD">BANK OF AMERICA MALAYSIA BERHAD</option>
                                    <option value="BANK OF CHINA (MALAYSIA) BERHAD">BANK OF CHINA (MALAYSIA) BERHAD</option>
                                    <option value="CIMB BANK BERHAD">CIMB BANK BERHAD</option>
                                    <option value="CIMB Islamic Bank Berhad">CIMB Islamic Bank Berhad</option>
                                    <option value="CHINA CONSTRUCTION BANK (MALAYSIA) BERHAD">CHINA CONSTRUCTION BANK (MALAYSIA) BERHAD</option>
                                    <option value="CITIBANK BERHAD">CITIBANK BERHAD</option>      
                                    <option value="DEUTSCHE BANK (MALAYSIA) BERHAD">DEUTSCHE BANK (MALAYSIA) BERHAD</option>
                                    <option value="ERF Sdn. Bhd.">ERF Sdn. Bhd.</option>
                                    <option value="HSBC Amanah Malaysia Berhad">HSBC Amanah Malaysia Berhad</option>
                                    <option value="Hong Leong Islamic Bank Berhad">Hong Leong Islamic Bank Berhad</option>
                                    <option value="HSBC Bank Malaysia Berhad F">HSBC Bank Malaysia Berhad F</option>
                                    <option value="Hong Leong Bank Berhad L">Hong Leong Bank Berhad L</option>
                                    <option value="India International Bank (Malaysia) Berhad F">India International Bank (Malaysia) Berhad F</option>
                                    <option value="Industrial and Commercial Bank of China (Malaysia) Berhad F">Industrial and Commercial Bank of China (Malaysia) Berhad F</option>
                                    <option value="J.P. Morgan Chase Bank Berhad F">J.P. Morgan Chase Bank Berhad F</option>
                                    <option value="Kuwait Finance House (Malaysia) Berhad">Kuwait Finance House (Malaysia) Berhad</option>
                                    <option value="MUFG Bank (Malaysia) Berhad F">MUFG Bank (Malaysia) Berhad F</option>
                                    <option value="MBSB Bank Berhad">MBSB Bank Berhad</option>
                                    <option value="Maybank Islamic Berhad">Maybank Islamic Berhad</option>
                                    <option value="Pengurusan Danaharta Nasional Berhad">Pengurusan Danaharta Nasional Berhad</option>
                                    <option value="PemMalayan Banking Berhad Lilikan">Malayan Banking Berhad L</option>
                                    <option value="Mizuho Bank (Malaysia) Berhad F">Mizuho Bank (Malaysia) Berhad F</option>
                                    <option value="OCBC Bank (Malaysia) Berhad F">OCBC Bank (Malaysia) Berhad F</option>
                                    <option value="OCBC Al-Amin Bank Berhad">OCBC Al-Amin Bank Berhad</option>
                                    <option value="PT. Bank Muamalat Indonesia, Tbk">PT. Bank Muamalat Indonesia, Tbk</option>
                                    <option value="Public Islamic Bank Berhad">Public Islamic Bank Berhad</option>
                                    <option value="Public Bank Berhad L">Public Bank Berhad L</option>
                                    <option value="RHB Bank Berhad L">RHB Bank Berhad L</option>
                                    <option value="RHB Islamic Bank Berhad">RHB Islamic Bank Berhad</option>
                                    <option value="Standard Chartered Bank Malaysia Berhad F">Standard Chartered Bank Malaysia Berhad F</option>
                                    <option value="Standard Chartered Saadiq Berhad">Standard Chartered Saadiq Berhad</option>
                                    <option value="Sumitomo Mitsui Banking Corporation Malaysia Berhad F">Sumitomo Mitsui Banking Corporation Malaysia Berhad F</option>
                                    <option value="The Bank of Nova Scotia Berhad F">The Bank of Nova Scotia Berhad F</option>
                                    <option value="United Overseas Bank (Malaysia) Bhd.">United Overseas Bank (Malaysia) Bhd.</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>
                                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" value="{{ Auth::user()->ic_type }}" readonly>
                                    <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" name="ic" placeholder="Sila masukan No. Identiti" value="{{ Auth::user()->username }}" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                No akaun:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id = "no_akaun" name="no_akaun" placeholder="Sila masukan no bank" >
                            </div>
                        </div> 
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                E-mel:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" id="email" name="email" value="{{ Auth::user()->email }}" placeholder="Sila masukan emel" readonly>
                            </div>
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Pautan URL laman web/facebook:
                            </label>
                            <div class="col-lg-4">
                                <input type="url" class="form-control m-input" id='url' name="url" placeholder="Sila masukan URL">      
                               (Contoh URL : https://ssipr-daftar.selangor.gov.my/login)
                            </div>                           
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Kategori Produk Jualan:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="kategori_produk" placeholder="Sila masukan kategori produk jualan">
                            </div>                       
                        </div>
                    </div>
                    <!-- Maklumat Orang Dihubungi -->
                    <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 Orang Untuk Dihubungi:
                            </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" name="nama_hubungi" placeholder="Sila masukan nama " >
                            </div>
                            <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 = "telefon_hubungi" name="telefon_hubungi" placeholder="Sila masukan no telefon" >
                            </div>
                        </div>           
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">
                            <span style="color: red">* </span>
                                Emel:
                            </label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control m-input" name="emel_hubungi" placeholder="Sila masukan emel" >
                            </div>
                        </div>           
                    </div>
                    <!-- Maklumat Dokumen -->
                  <div class="m-form__seperator m-form__seperator--dashed lampirandokumen"></div>
                  <div class="m-form__section m-form__section--last lampirandokumen">
                     <div class="m-form__heading">
                        <h3 class="m-form__heading-title">
                           Lampiran Dokumen:
                        </h3>
                     </div>
                     <div class="form-group m-form__group row">
                        <div class="col-lg-12">
                           <table class="table  order table-responsive">
                              <thead>
                                 <tr>
                                    <th width="70%">Dokumen</th>
                                    <th width="30%">Muat Naik <span style="color: red; font-size: 12px">(Saiz fail maksimum adalah 2MB)</span></th>
                                 </tr>
                              </thead>
                              <tbody>
                                    <tr>
                                        <td>Salinan Mykad Pemohon</td>
                                        <td>
                                            <input class="form-control m-input" type="file" id="salinan_mykad" name="dokumen_1" onchange="ValidateSize(this)">
                                            <input class="form-control m-input" type="hidden" value="Salinan Mykad Pemohon" name="dokumen_1title">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Salinan Pendaftaran Syarikat (SSM)</td>
                                        <td>
                                            <input class="form-control m-input" type="file" id="salinan_ssm" name="dokumen_2" onchange="ValidateSize(this)">
                                            <input class="form-control m-input" type="hidden" value="Salinan Pendaftaran Syarikat (SSM)" name="dokumen_2title">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Salinan Bil Utiliti</td>
                                        <td>
                                            <input class="form-control m-input" type="file" id="salinan_bil" name="dokumen_3" onchange="ValidateSize(this)">
                                            <input class="form-control m-input" type="hidden" value="Salinan Bil Utiliti" name="dokumen_3title">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Logo Syarikat</td>
                                        <td>
                                            <input class="form-control m-input" type="file" id="logo_syarikat" name="dokumen_4" onchange="ValidateSize(this)">
                                            <input class="form-control m-input" type="hidden" value="Logo Syarikat" name="dokumen_4title">
                                        </td>
                                    </tr>
                                 {{-- <tr>
                                    <td>Borang Pendaftaran Online yang Dicetak dari Sistem</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="borang_cetak" name="dokumen_1" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Borang Pendaftaran Online" name="dokumen_1title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan Sijil Kelahiran Anak yang Dipohon</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_sijil_anak" name="dokumen_2" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan Sijil Lahir Anak" name="dokumen_2title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan MyKad Bapa/Ibu/Anak</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_mykad_ayah_ibu" name="dokumen_3" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan MyKad Bapa/Ibu/Anak" name="dokumen_3title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan MyKad Bapa</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_mykad_ayah" name="dokumen_4" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan MyKad Bapa" name="dokumen_4title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan Slip Gaji Bapa/Ibu</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_slip_gaji" name="dokumen_5" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan Slip Gaji" name="dokumen_5title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan Pengesahan Mastautin ( bagi bukan kelahiran selangor)</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_mastautin" name="dokumen_6" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan Pengesahan Mastautin" name="dokumen_6title">
                                    </td>
                                 </tr>
                                 <tr>
                                    <td>Salinan Pengesahan Pendaftaran SPR Bagi Ibu dan Bapa</td>
                                    <td>
                                        <input class="form-control m-input" type="file" id="salinan_pengesahan_daftar" name="dokumen_7" onchange="ValidateSize(this)">
                                        <input class="form-control m-input" type="hidden" value="Salinan Pengesahan Pendaftaran SPR Bagi Ibu dan Bapa" name="dokumen_7title">
                                    </td>
                                 </tr> --}}
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>

                </div>
                <div class="m-portlet__foot m-portlet__foot--fit">
                    <div class="m-form__actions m-form__actions">
                        <div class="row">
                            <div class="col-lg-5"></div>
                            <div class="col-lg-6">
                                <button type="button" class="btn btn-primary" onclick="validate()">
                                    Hantar
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{{-- Modal --}}
<div class="modal fade" id="rumusan_permohonan" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0,.6)">
    <div class="modal-dialog modal-lg" role="document" style="max-width: 1000px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="exampleModalLabel">
                    Rumusan Permohonan <br>
                    <small>
                        <i>Tarikh Permohonan: {{ date('d/m/Y') }}</i>
                    </small>
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">
                        &times;
                    </span>
                </button>
            </div>
            <div class="modal-body">
            <div class="m-form__section m-form__section--first">
                    <h5 style="color: #f4516c">
                        Kategori Perniagaan:
                    </h5>
                    <br>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Kategori:
                            </label>
                            <input type="text" class="form-control" id="m_kategori" readonly>
                        </div>

                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Program:
                            </label>
                            <input type="text" class="form-control" id="m_program" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr ">
                <div class="m-form__section m-form__section--middle">
                    <div class="m-form__heading">
                        <h5 style="color: #f4516c">
                            Maklumat Syarikat:
                        </h5>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Tahun Penubuhan:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_tahun_penubuhan" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            No. Pendaftaran Syarikat:
                        </label>
                        <div class="input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_no_pendaftaran" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Nama Syarikat:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_nama_syarikat" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Nama Kedai:
                        </label>
                        <div class="input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_nama_kedai" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Alamat:
                        </label>
                        <div class="col-lg-4">
                            <textarea class="form-control m-input" id="m_alamat_syarikat" cols="30" rows="4" readonly></textarea>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Daerah:
                        </label>
                        <div class="input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_daerah_syarikat" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Nama Pendaftaran Syarikat:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_daftar" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Nama Akaun:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_nama_akaun" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Nama Pemilik:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_nama_pemilik" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Nama Bank:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_nama_bank" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            No identiti:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_ic" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                           No akaun:
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_no_akaun" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            E-mel
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_email" readonly>
                        </div>
                        <label class="col-lg-2 col-form-label">
                            Pautan URL:
                        </label>
                        <div class="input-group m-input-group col-lg-4">
                            <input type="text" class="form-control m-input" id="m_url" readonly>
                        </div>
                    </div>
                    <div class="form-group m-form__group row">
                        <label class="col-lg-2 col-form-label">
                            Kategori Produk Jualan
                        </label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control m-input" id="m_kategori_produk" readonly>
                        </div>
                    </div>
                </div>
                <hr class="modal-hr">

                <!--  Maklumat Orang Untuk Dihubungi: -->
                <div class="m-form__section m-form__section--middle">
                    <h5 style="color: #f4516c">
                    Maklumat Orang Untuk Dihubungi:
                    </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_hubungi" readonly>
                        </div>

                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                No Telefon:
                            </label>
                            <input type="text" class="form-control" id="m_telefon_hubungi" readonly>
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-md-6">
                            <label for="recipient-name" class="form-control-label">
                                Emel:
                            </label>
                            <input type="text" class="form-control" id="m_emel_hubungi" readonly>
                        </div>
                    </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 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.
                            </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 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 > 2) {
            fileSizeErr();
            $('#salinan_mykad').val('');
            $('#salinan_ssm').val('');
            $('#salinan_bil').val('');
            $('#logo_syarikat').val('');
            // $('#borang_cetak').val(''); //for clearing with Jquery
            // $('#salinan_sijil_anak').val('');
            // $('#salinan_mykad_ayah_ibu').val('');
            // $('#salinan_mykad_ayah').val('');
            // $('#salinan_slip_gaji').val('');
            // $('#salinan_mastautin').val('');
            // $('#salinan_pengesahan_daftar').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>

    $(document).ready(() => {


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

   $("#no_akaun").inputmask({
      mask: "9999999999999999",
      placeholder: ""
   });

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

//    $('#url').inputmask('Regex', {
//       regex:"https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)"


//    });

    function validate() {
        if($('select[name="tahun_penubuhan"] option:selected').val() == ''
            || $('input[name="no_pendaftaran"]').val() == ''
            || $('input[name="nama_syarikat"]').val() == ''
            || $('input[name="nama_kedai"]').val() == ''
            || $('textarea[name="alamat_syarikat"]').val() == ''
            || $('select[name="daerah_syarikat"] option:selected').val() == ''
            || $('input[name="nama_daftar"]').val() == ''
            || $('input[name="nama_akaun"]').val() == ''
            || $('input[name="nama_pemilik"]').val() == ''
            || $('select[name="nama_bank"] option:selected').val() == ''
            || $('input[name="ic"]').val() == ''
            || $('input[name="emel"]').val() == ''
            || $('input[name="url"]').val() == ''
            || $('input[name="kategori_produk"]').val() == ''
            || $('input[name="nama_hubungi"]').val() == ''
            || $('input[name="telefon_hubungi"]').val() == ''
            || $('input[name="emel_hubungi"]').val() == ''
            || $('select[name="kategori"] option:selected').val() == ''
            || $('select[name="program"] option:selected').val() == ''

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

    //     // check duplicate
    //     if ($('input[name="emel"]').val() != '' && $(".success_email").is(":hidden")) {
    //         $.confirm({
    //             title: 'Maklumat semakan belum selesai',
    //             content: 'Sila pastikan semakan Email telah OK dan cuba lagi.',
    //             icon: 'fa fa-warning',
    //             type: 'red',
    //             buttons: {
    //                 ok: {
    //                     btnClass: 'btn-red'
    //                 }
    //             }
    //         });
    //         return;
    //     } else if ($('input[name="tel_bimbit"]').val() != '' && $(".success_tel_bimbit").is(":hidden")) {
    //         $.confirm({
    //             title: 'Maklumat semakan belum selesai',
    //             content: 'Sila pastikan semakan No Telefon Bimbit telah OK dan cuba lagi.',
    //             icon: 'fa fa-warning',
    //             type: 'red',
    //             buttons: {
    //                 ok: {
    //                     btnClass: 'btn-red'
    //                 }
    //             }
    //         });
    //         return;
    //     } else {
    //         showRumusan();
    //     }

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

    //                     }
    //                 }
    //             }
    //         });
    //     }

    // }

    function showRumusan() {
        var program = ;
        // Maklumat kategori
        $('#m_kategori').val($('select[name="kategori"] option:selected').val());

        program.forEach(function(d) {
            if (d.id == $('select[name="program"] option:selected').val()) {
                $('#m_program').val( d.nama_program );
            }
        })
        
        // Maklumat Syarikat
        $('#m_tahun_penubuhan').val($('select[name="tahun_penubuhan"] option:selected').val());
        $('#m_no_pendaftaran').val($('input[name="no_pendaftaran"]').val());
        $('#m_nama_syarikat').val($('input[name="nama_syarikat"]').val());
        $('#m_nama_kedai').val($('input[name="nama_kedai"]').val());
        $('#m_alamat_syarikat').val($('textarea[name="alamat_syarikat"]').val());
        $('#m_daerah_syarikat').val($('select[name="daerah_syarikat"] option:selected').val());
        $('#m_daftar').val($('input[name="nama_daftar"]').val());
        $('#m_nama_akaun').val($('input[name="nama_akaun"]').val());
        $('#m_nama_pemilik').val($('input[name="nama_pemilik"]').val());
        $('#m_nama_bank').val($('select[name="nama_bank"] option:selected').val());
        $('#m_ic').val($('input[name="ic"]').val());
        $('#m_email').val($('input[name="email"]').val());
        $('#m_no_akaun').val($('input[name="no_akaun"]').val());
        $('#m_url').val($('input[name="url"]').val());
        $('#m_kategori_produk').val($('input[name="kategori_produk"]').val());
        
        // Maklumat hubungi
        $('#m_nama_hubungi').val($('input[name="nama_hubungi"]').val());
        $('#m_telefon_hubungi').val($('input[name="telefon_hubungi"]').val());
        $('#m_emel_hubungi').val($('input[name="emel_hubungi"]').val());


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

    function submitForm() {
        if ($('#m_akuan_1:checked').val() != 'true' || $('#m_akuan_2:checked').val() != 'true') {
            error();
        } else {
            $.confirm({
                title: 'Hantar Permohonan?',
                content: 'Anda pasti untuk teruskan?',
                icon: 'fa fa-spinner fa-spin',
                type: 'green',
                buttons: {
                    hantar: { btnClass: 'btn-green', action: function() { $('#permohonan_form').submit(); } },
                    kembali: { btnClass: 'btn-red', action: function() { } }
                }
           });
        }
    }

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