@extends('layouts.layout_menu_all')

@section('content')
<div class="row">
    <div class="form-group col-sm-2">
        @isset($data->page->fitur->create)
        <label>&nbsp;</label>
        <button type="button" class="btn btn-block btn-primary" onclick="tambahData()">
            Tambah
        </button>
        @endisset
    </div>
    
    <div class="col-sm-12"></div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="box">
            <div class="box-body">
                <table id="table-data" class="display table table-bordered table-hover" width="100%">
                    <thead>
                        <tr>
                            <th data-orderable="true">No</th>
                            <th data-orderable="true">Client</th>
                            <th data-orderable="true">Nama Personal</th>
                            <th data-orderable="false">NIK</th>
                           
                            <th data-orderable="false">Sub Klasifikasi</th>
                            <th data-orderable="false">Kode</th>
                            
                            <th data-orderable="false">Ijasah</th>
                            <th data-orderable="false">KTP</th>
                            <th data-orderable="false">NPWP</th>
                            <th data-orderable="false">Foto</th>
                            <th data-orderable="false">CV</th>
                            <th data-orderable="false">Reff</th>
                            <th data-orderable="false">$ Client</th>
                            <th data-orderable="false">Client Bayar</th>
                            <th data-orderable="false">$ Pusat</th>
                            <th data-orderable="false">Bayar Pusat</th>
                            <th data-orderable="false">Tgl Zoom</th>
                            <th data-orderable="false">Confirm</th>
                            <th data-orderable="true">Status</th>
                            
                            <th data-orderable="true">Keterangan</th>
                            <th data-orderable="true">Klasifikasi</th>
                            <th data-orderable="false">No WA</th>
                            <th data-orderable="false">email_personal</th>
                            <th>Aksi</th>
                            
                        </tr>
                        
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="modal-data" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
    data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <form class="form" id="form-data">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="modal-data-title">Form Permohonan SKA</h3>
                </div>
                <div class="modal-body">
                    <input type="hidden" class="form-control" name="id" id="id">
                    <div class="row">
                        <div class="form-group col-lg-6 form-hide">
                            <label for="client">Nama Client</label>
                            <input type="text" class="form-control" name="client" id="client" placeholder="Masukkan Nama Client">
                        </div>
                    
                        <div class="form-group col-lg-6 form-hide">
                            <label for="personal">Nama Personal</label>
                            <input type="text" class="form-control" name="personal" id="personal" placeholder="Masukkan Nama Personal">
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-lg-6 form-hide">
                            <label for="nik">NIK</label>
                            <input type="text" class="form-control" name="nik" id="nik" placeholder="Masukkan nik">
                        </div>
                    
                        <div class="form-group col-lg-6 form-hide">
                            <label for="klasifikasi">Klasifikasi</label>
                            <input type="text" class="form-control" name="klasifikasi" id="klasifikasi" placeholder="Masukkan klasifikasi">
                        </div>
                    </div>

                    
                    <div class="row">
                        <div class="form-group col-lg-6 form-hide">
                            <label for="sub_klasifikasi">sub_klasifikasi</label>
                            <input type="text" class="form-control" name="sub_klasifikasi" id="sub_klasifikasi" placeholder="Masukkan sub_klasifikasi">
                        </div>
                    
                        <div class="form-group col-lg-6 form-hide">
                            <label for="Kode">Kode</label>
                            <input type="text" class="form-control" name="Kode" id="Kode" placeholder="Masukkan Kode">
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="form-group col-lg-4 form-hide">
                            <label for="no_wa">no_wa</label>
                            <input type="number" class="form-control" name="no_wa" id="no_wa" placeholder="Masukkan no_wa">
                        </div>
                    
                        <div class="form-group col-lg-4 form-hide">
                            <label for="email_client">email_client</label>
                            <input type="text" class="form-control" name="email_client" id="email_client" placeholder="Masukkan email_client" row="1">
                        </div>
                        <div class="form-group col-lg-4 form-hide">
                            <label for="email_personal">email_personal</label>
                            <input type="text" class="form-control" name="email_personal" id="email_personal" placeholder="Masukkan email_personal">
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col-lg-2 form-hide">
                            <label for="ijasah">ijasah</label>
                            <select name="ijasah" id="ijasah" value='#ijasah'
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="ktp">ktp</label>
                            <select name="ktp" id="ktp"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="npwp">ijasah</label>
                            <select name="npwp" id="npwp"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="foto">foto</label>
                            <select name="foto" id="foto"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        

                        <div class="form-group col-lg-2 form-hide">
                            <label for="cv">cv</label>
                            <select name="cv" id="cv"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="referensi">referensi</label>
                            <select name="referensi" id="referensi"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                    </div> 
                    <div class="row">
                        <div class="form-group col-lg-4 form-hide">
                            <label for="biaya_client">biaya_client</label>
                            <input type="number" class="form-control" name="biaya_client" id="biaya_client" placeholder="Masukkan biaya_client">
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="bayar_client">Client bayar</label>
                            <select name="bayar_client" id="bayar_client"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-4 form-hide">
                            <label for="biaya_pusat">biaya_pusat</label>
                            <input type="number" class="form-control" name="biaya_pusat" id="biaya_pusat" placeholder="Masukkan biaya_pusat">
                        </div>
                        <div class="form-group col-lg-2 form-hide">
                            <label for="bayar_pusat">Bayar Pusat</label>
                            <select name="bayar_pusat" id="bayar_pusat"
                                class="form-control select2">
                                <option value="1" >Ada</option>
                                <option value="0" selected>Tidak Ada</option>
                            </select>
                        </div>
                    </div> 
                    <div class="row">
                        <div class="form-group col-lg-3 form-hide">
                            <label for="tgl_zoom">Tgl Zoom</label>
                            <input type="date" class="form-control" name="tgl_zoom" id="tgl_zoom" placeholder="Masukkan tgl_zoom">
                        </div>
                        <div class="form-group col-lg-3 form-hide">
                            <label for="konfirmasi">konfirmasi</label>
                            <select name="konfirmasi" id="konfirmasi"
                                class="form-control select2">
                                <option value="1" >sudah</option>
                                <option value="0" selected>Belum</option>
                            </select>
                        </div>
                        <div class="form-group col-lg-6 form-hide">
                            <label for="status">Status</label>
                            <input type="text" class="form-control" name="status" id="status" placeholder="Masukkan status">
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-lg-12 form-hide">
                            <label for="keterangan">Keterangan</label>
                            <input type="text" class="form-control" name="keterangan" id="keterangan" placeholder="Masukkan keterangan">
                        </div>
                    </div>  
                </div>
                
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Simpan</button>
                    <button type="button" class="btn btn-default d-none" data-dismiss="modal">Tutup</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    var urlData = '{{ route( $data->page->class . ".read") }}';
    var urlInsert = '{{ route( $data->page->class . ".store") }}';
    var urlUpdate = '{{ route( $data->page->class . ".update") }}';
    var roleRead = {{ isset($data->page->fitur->read) ? 'true' : 'false' }};
    var roleUpdate = {{ isset($data->page->fitur->update) ? 'true' : 'false' }};
    var roleDestroy = {{ isset($data->page->fitur->destroy) ? 'true' : 'false' }};
</script>
@endsection