@extends('template')

@section('title')
    HRIS | Data Pegawai
@stop

@section('top_script')
    @include('satgas::layouts.top_script')
    <style type="text/css">
        .select2-default {
            font-size: 11px !important;
            padding-left: auto !important;
        }
        .dataTables_wrapper select, .dataTables_wrapper input {
            height: auto !important;
            font-size: 11px !important;
            padding: 6px 10px;
        }
        .select2-container-multi .select2-choices .select2-search-field input {
            margin:0 !important;
            font-size: 11px !important;
        }
        .select2-container-multi .select2-choices .select2-search-choice {
            margin: 2px 0 2px 2px;
        }
        .select2-container .select2-choice {
            height: auto !important;
            font-size: 11px;
        }
        .select2-container-multi.select2-container-active .select2-choices {
            width: auto;
        }
        .select2-container-multi .select2-choices {
            width: 1000px;
        }
        .select2-container .select2-choice > .select2-chosen {
            font-size: 11px;
            font-weight: normal;
            color: #717171;
        }
        tbody td {
            vertical-align: middle !important;
        }
        .table thead tr th {
            background-color: #2e3e4e;
            color: #f5f5f5;
            font-size: 10px !important;
        }
        .table thead tr th input {
            border-radius: 0px;
            line-height: 16px;
            font-size: 11px;
            height: 30px;
        }
        /*.dataTables_scrollBody > table > thead > tr > th {
            line-height: 5px;
        }*/
        .panel .table td {
            padding: 2px 5px;
            vertical-align: middle;
        }
    </style>
@stop

@section('content')
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a href="{{ url('home') }}"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#">Satgas</a></li>
        <li class="active">Data</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom: 10px">
        <button class="btn btn-info btn-sm print-profil" style="float:left;"><i class="fa fa-file"></i> cetak</button>
        <h5 class="m-b-none"><strong>Data</strong> Satgas</h5>
        <span style="font-size: 11px;">Fitur untuk menampilkan data satgas</span>
        <input type="hidden" name="list-pegawai">
    </div>
    @if(\Auth::user()->can('satgas.data.pendaftaran'))
    <div class="col-md-12" style="padding-left: 0px; padding-right: 0px;">
        <div class="panel-group m-b" id="accordion2">
            <div class="panel panel-info" style="overflow: visible !important;">
                <div class="panel-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"><strong><i class="fa fa-plus-square reverse"></i>&nbsp;&nbsp;&nbsp;SIMPAN DATA SATGAS</strong></a> </div>
                <div id="collapseOne" class="panel-collapse collapse">
                    <section id="formInput" class="panel panel-info">
                        <form id="insertPegawai" enctype="multipart/form-data">
                            <div class="panel-body">
                                <container>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <legend id="personal-form" style="margin-bottom:10px"><i class="fa fa-refresh fa-spin fa-fw pull-right" aria-hidden="true"></i>DATA PERSONAL</legend>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label>NIK</label>
                                                    <input name="nik" type="text" class="form-control" placeholder="Isikan NIK Pegawai"> 
                                                </div>
                                                <div class="form-group">
                                                    <label>NAMA</label>
                                                    <input name="nama" type="text" class="form-control" placeholder="Isikan Nama Pegawai"> 
                                                </div>
                                                <div class="form-group">
                                                    <label>JENIS KELAMIN</label>
                                                    <select name="gender" class="select2-option" style="width:100%" data-placeholder="Pilih Jenis Kelamin">
                                                        <option value=""></option>
                                                        <option value="L">Laki-Laki</option>
                                                        <option value="P">Perempuan</option>
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label>TEMPAT LAHIR</label>
                                                    <input name="tempat_lahir" type="text" class="form-control" placeholder="Isikan Tempat Lahir"> 
                                                </div>
                                                <div class="form-group">
                                                    <label>TANGGAL LAHIR</label>
                                                    <input type="text" name="tgl_lahir" data-date-format="dd-mm-yyyy" size="16" class="input-s datepicker-input form-control" style="width: 100%"  placeholder="Isikan Tanggal Lahir">
                                                </div>
                                                <div class="form-group">
                                                    <label>TELEPON/HP</label>
                                                    <input name="telepon" type="text" class="form-control" placeholder="Isikan No Telp / HP"> 
                                                </div>                                
                                            </div>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label>AGAMA</label>
                                                    <select name="agama_id" class="select2-option" style="width:100%" data-placeholder="Pilih Agama">
                                                        {!! $opt_agama !!}
                                                    </select> 
                                                </div>
                                                <div class="form-group">
                                                    <label>GOLONGAN DARAH</label>
                                                    <select name="gol_darah" class="select2-option" style="width:100%" data-placeholder="Pilih Golongan Darah">
                                                        <option value=""></option>
                                                        <option value="A">A</option>
                                                        <option value="B">B</option>
                                                        <option value="AB">AB</option>
                                                        <option value="O">O</option>
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label>STATUS KAWIN</label>
                                                    <select name="status_kawin" class="select2-option" style="width:100%" data-placeholder="Pilih Status Kawin">
                                                        {!! $opt_status_kawin !!}
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label>ALAMAT (KTP)</label>
                                                    <textarea name="alamat" class="form-control" placeholder="Isikan Alamat Berdasarkan KTP"></textarea>
                                                </div>
                                                <div class="form-group">
                                                    <label>ALAMAT (TINGGAL)</label>
                                                    <textarea name="alamat_tinggal" class="form-control" placeholder="Isikan Alamat Tinggal Saat Ini"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </container>
                                <container>
                                    <div class="row">
                                        <div class="col-md-12">
                                            <legend id="administrasi-form" style="margin-bottom:10px"><i class="fa fa-refresh fa-spin fa-fw pull-right" aria-hidden="true"></i>DATA ADMINISTRASI</legend>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label>TELEPON KERABAT</label>
                                                    <input name="telepon_kerabat" type="text" class="form-control" placeholder="Isikan No Telp / HP Kerabat"> 
                                                </div>
                                                <div class="form-group">
                                                    <label>NO REKENING</label>
                                                    <input name="no_rekening" type="text" class="form-control" placeholder="Isikan No Rekening"> 
                                                </div>
                                            </div>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label>NAMA IBU KANDUNG</label>
                                                    <input name="ibu_kandung" type="text" class="form-control" placeholder="Isikan Ibu Kandung"> 
                                                </div>
                                                <div class="form-group">
                                                    <label>NPWP</label>
                                                    <input name="npwp" type="text" class="form-control" placeholder="Isikan NPWP"> 
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </container>
                                <container>
                                    <div class="row">
                                        <div class="col-md-12">     
                                            <legend id="administrasi-form" style="margin-bottom:10px"><i class="fa fa-refresh fa-spin fa-fw pull-right" aria-hidden="true"></i>DATA KEPEGAWAIAN</legend>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group">
                                                    <label>NIP</label>
                                                    <input name="id" value="{{ (!empty($id)) ? $id : '' }}" type="hidden">
                                                    <input name="nip" type="text" class="form-control" placeholder="Isikan NIP Pegawai">
                                                    <input type="hidden" name="personal_id">
                                                    <span class="label" id="ket-nip"></span>
                                                </div>
                                                <div class="form-group">
                                                    <label>KODE FINGER (ABSEN)</label>
                                                    <input name="kode_finger" type="text" class="form-control" placeholder="Isikan Kode Finger">
                                                </div> 
                                                <div class="form-group">
                                                    <label>STATUS KERJA</label>
                                                    <select name="status_kerja" class="select2-option" style="width:100%" data-placeholder="Pilih Status Kerja">
                                                        {!! $opt_status_kerja !!}
                                                    </select>
                                                </div> 
                                                <div class="form-group">
                                                    <label>BAGIAN</label>
                                                    <select name="unit_id" class="select2-option" style="width:100%" data-placeholder="Pilih Bagian">
                                                        {!! $opt_unit !!}
                                                    </select>
                                                </div> 
                                                <div class="form-group">
                                                    <label>BERLAKU MULAI (TMT)</label>
                                                    <input type="text" name="tmt_masuk" data-date-format="dd-mm-yyyy" size="16" class="input-sm input-s datepicker-input form-control" style="width:100%" placeholder="Isikan TMT">
                                                </div>
                                                <div class="form-group" id="tmt_berhenti_field">
                                                    <label>BERHENTI PADA (TMT BERHENTI)</label>
                                                    <input type="text" name="tmt_berhenti" data-date-format="dd-mm-yyyy" size="16" class="input-sm input-s datepicker-input form-control" style="width:100%" placeholder="Isikan TMT Berhenti">
                                                </div> 
                                                <div class="form-group">
                                                    <label>AKTIF</label>
                                                    <select name="aktif" class="select2-option" style="width:100%" data-placeholder="Pilih Status Aktif">
                                                        <option value=""></option>
                                                        <option value="1">Aktif</option>
                                                        <option value="0">Tidak Aktif</option>
                                                    </select>
                                                </div> 
                                            </div>
                                            <div class="col-md-6 col-xs-12">
                                                <div class="form-group hidden_field">
                                                    <label>NO SK</label>
                                                    <input name="no_sk" type="text" class="form-control" placeholder="Isikan NO SK">
                                                </div> 
                                                <div class="form-group hidden_field">
                                                    <label>TANGGAL SK</label>
                                                    <input type="text" name="tgl_sk" data-date-format="dd-mm-yyyy" size="16" class="input-sm input-s datepicker-input form-control" style="width:100%">
                                                </div>
                                                <div class="form-group">
                                                    <label style="width:100%">FOTO</label>
                                                    <input name="foto" type="file" class="filestyle" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline input-s" style="width: 100%">
                                                    <p style="font-size:8pt; width:75%">Gambar yang dapat digunakan adalah <span style="color:#fb6b5b;">berekstensi jpg atau png </span> serta ukuran <span style="color:#fb6b5b;">tidak lebih dari {{ format_harga(300) }} KB. </span></p>
                                                </div>
                                                <div class="form-group">
                                                    <img class="image_preview" src="{{ asset('data/foto/preview.jpg') }}" style="border:1px solid #d9d9d9; height:225px">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </container>
                            </div>
                            <footer class="panel-footer">
                                <div class="row">
                                    <div class="col-md-12 col-xs-12">
                                        <div class="form-group" style="margin-bottom:0px">
                                            <div class="col-lg-12 text-center">
                                                <button id="reset-form" type="button" class="btn btn-default btn-danger">Batal</button>
                                                <button id="save" type="submit" class="btn btn-default btn-info">Simpan</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </footer>
                        </form>
                    </section>
                </div>
            </div>
        </div>
    </div>
    @endif
    <section class="panel panel-default">
        <div class="panel-body" style="padding:0px">
            <div class="tab-content">
                <div class="tab-pane fade active in" id="per-bulan">
                    <section class="panel panel-info" style="margin-bottom: 0px;">
                        <!-- <header class="panel-heading font-bold">DAFTAR SPL</header> -->
                        <div class="table-responsive">
                            <span class="msg_table"></span>
                            <table id="data-satgas" class="table table-hover table-bordered m-b-none" style="table-layout:fixed; font-size:11px">
                                <thead>
                                    <tr>
                                         <th class="text-center" style="vertical-align: middle;">
                                            <input type="checkbox" id="check-all" style="width:15px; height:12px">
                                        </th>
                                        <th class="text-center" style="vertical-align: middle;">AKSI</th>
                                        <th class="text-center" style="vertical-align: middle;">NIP</th>
                                        <th class="text-center" style="vertical-align: middle;">NAMA</th>
                                        <th class="text-center" style="vertical-align: middle;">BAGIAN</th>
                                        <th class="text-center" style="vertical-align: middle;">STATUS</th>
                                        <th class="text-center" style="vertical-align: middle;">MASUK</th>
                                        <th class="text-center" style="vertical-align: middle;">TMT BERHENTI</th>
                                        <th class="text-center" style="vertical-align: middle;">NO REK</th>
                                    </tr>
                                    <tr>
                                        <th class="text-center" style="padding:0;"><input class="form-control" type="text" style="width: 100%" disabled></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" type="text" style="width: 100%" disabled></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" style="width: 100%" type="text" placeholder="Cari NIP"></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" style="width: 100%" type="text" placeholder="Cari Nama"></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" style="width: 100%" type="text" placeholder="Cari Bagian"></th>
                                        <th style="padding:0">
                                            <select class="select2-option" style="width:100%" data-placeholder="Pilih Status">
                                                <option value=""></option>
                                                <option value="1">aktif</option>
                                                <option value="0">Tidak Aktif</option>
                                            </select>
                                        </th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" style="width: 100%" type="text" placeholder="yyyy-mm-dd"></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" style="width: 100%" type="text" placeholder="yyyy-mm-dd"></th>
                                        <th class="text-center" style="padding:0;"><input class="form-control" type="text" style="width: 100%" placeholder="Cari No Rekening"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </section>
</section>
@stop

@section('bottom_script')
    @include('satgas::layouts.bottom_script')
@stop