@extends('template_absen')

@section('title')
    HRIS | Pegawai Belum Terdaftar
@stop

@section('top_script')
    @include('notifikasi::layouts.top_script_absen')
@stop

@section('content')
<style type="text/css">
    .select2-search input{
        z-index: 10 !important;
    }
    table.surat td {
        background-color: #ededed;
        font-size: 10px;
    }
</style>
<section class="scrollable padder">
    <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
        <li><a href="{{ url('home/absen') }}"><i class="fa fa-home"></i> Home</a></li>
        <li><a href="#">Notifikasi</a></li>
        <li class="active">Pegawai Belum Terdaftar</li>
    </ul>
    <div class="m-b-md text-center">
        <h3 class="m-b-none"><strong>PEGAWAI</strong> BELUM TERDAFTAR</h3>
        <span>Fitur untuk menampilkan data pegawai yang belum terdaftar aplikasi absen</span>
    </div>
    <section class="panel panel-success">
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="pegawai-belum-terdaftar" class="table table-striped m-b-none table-hover" width="100%">
                <thead>
                    <tr>
                        <th class="text-center" width="10%">NIP</th>
                        <th class="text-center" width="20%">NAMA</th>
                        <th class="text-center" width="20%">UNIT</th>
                        <th class="text-center">JABATAN</th>
                        <th class="text-center" width="10%">AKSI</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </section>
</section>
<div id="modal-pendaftaran-pegawai" class="modal fade in" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-radius:6px 6px 0 0; color:#3a87ad; background-color:#f5f5f5">
                <button class="close" data-dismiss="modal" type="button">×</button>
                <h4 class="modal-title">PENDAFTARAN PEGAWAI</h4>
            </div>
            <form id="form-daftar">
                <div class="modal-body">
                    <div class="form-group" style="margin-bottom: 0px">
                        <div class="input-group m-b" style="display: none">
                            <span class="input-group-addon">Data Pegawai</span>
                            <input name="autocomplete" type="text" class="form-control" placeholder="Isikan NIP atau Nama Pegawai">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">NIP</span>
                            <input name="id" value="" type="hidden">
                            <!-- <input name="pegawai_id" type="hidden"> -->
                            <input name="nip" type="text" class="form-control" placeholder="Isikan NIP Pegawai">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Kode Finger</span>
                            <input name="kode_finger" type="text" class="form-control" placeholder="Isikan Kode Finger Pegawai"> 
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Nama</span>
                            <input name="nama" type="text" class="form-control" placeholder="Isikan Nama Pegawai"> 
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Unit</span>
                            <select name="unit_id" class="select2-option" style="width:100%" data-placeholder="Pilih Unit Pegawai">
                                                        </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Jabatan</span>
                            <input name="jabatan" type="text" class="form-control" placeholder="Isikan Jabatan"> 
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Aktif</span>
                            <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="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Cuti Bersama</span>
                            <select name="cuti_bersama" class="select2-option" style="width:100%" data-placeholder="Pilih Status Aktif">
                                <option value=""></option>
                                <option value="1">YA</option>
                                <option value="0">TIDAK</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group m-b">
                            <span class="input-group-addon">Absen</span>
                            <select name="absen" class="select2-option" style="width:100%" data-placeholder="Pilih Status Aktif">
                                <option value=""></option>
                                <option value="finger">FINGER</option>
                                <option value="manual">MANUAL</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" style="margin-bottom: 0px">
                        <div class="input-group">
                            <span class="input-group-addon">Lokasi</span>
                            <select name="lokasi" class="select2-option" style="width:100%" data-placeholder="Pilih Lokasi Pegawai">
                                <option value=""></option>
                                <option value="luar">LUAR</option>
                                <option value="pusat">PUSAT</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius:0 0 6px 6px; color:#3a87ad; background-color:#f5f5f5; margin-top:0px">
                    <button type="reset" class="btn btn-danger" data-dismiss="modal" >Close</button>
                    <button type="submit" class="btn btn-info" >Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@stop

@section('bottom_script')
    @include('notifikasi::layouts.bottom_script_absen')
@stop