@extends('template_satgas')

@section('title')
	SATGAS | Kelola Data Satgas
@stop

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

@section('content')
    <section id="content">
        <section class="vbox">
            <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="#">Master</a></li>
                    <li class="active">Data Pegawai</li>
                </ul>
                <div class="m-b-md text-center" style="margin-bottom:10px">
                    <!-- <a class="btn btn-success btn-lg pull-right" onclick="sync()"><i class="fa fa-refresh"></i>  SYNC</a> -->
                    <h5 class="m-b-none"><strong>KELOLA</strong> DATA SATGAS</h5> 
                    <span style="font-size:11px">Fitur ini digunakan untuk pendaftaran atau perubahan data satgas</span>
                </div>
                <div class="msg_info" style="display:none">
                    <div class="alert alert-info">
                        <button type="button" class="close refresh"><i class="fa fa-refresh"></i></button> 
                        <i class="fa fa-ok-sign"></i>
                        <strong>KODE FINGER TIDAK TERDAFTAR : </strong><span class="data_finger"></span>
                    </div>
                </div>
                <section id="formInput" class="panel panel-info">
                    <!-- <header class="panel-heading font-bold">Kelola Data Pegawai</header> -->
                    <form id="insertPegawai" class="bs-example form-horizontal" autocomplete="off">
                    <div class="panel-body">
                        <span class="msg_form"></span>
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="col-lg-2 control-label">CARI SATGAS</label>
                                <div class="col-lg-10">
                                    <input name="autocomplete" type="text" class="form-control input-sm" placeholder="Isikan NIP atau Nama Satgas">
                                    <span class="label ket-nip"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">NIP</label>
                                <div class="col-lg-10">
                                    <input name="id" value="{{ $id or '' }}" type="hidden">
                                    <input name="nip" type="text" class="form-control input-sm" placeholder="Isikan NIP Satgas" readonly>
                                    <span class="label ket-nip"></span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">NAMA</label>
                                <div class="col-lg-10">
                                    <input name="nama" type="text" class="form-control input-sm" placeholder="Isikan Nama Satgas" readonly> 
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">KODE FINGER</label>
                                <div class="col-lg-10">
                                    <input name="kode_finger" type="text" class="form-control input-sm" placeholder="Isikan Kode Finger Satgas"> 
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">UNIT</label>
                                <div class="col-lg-10">
                                    <select name="unit_id" class="select2-option" style="width:100%" data-placeholder="Pilih Unit Satgas">
                                    {!! $opt_unit !!}
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">JABATAN</label>
                                <div class="col-lg-10">
                                    <input name="jabatan" type="text" class="form-control input-sm" placeholder="Isikan Jabatan" readonly> 
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">AKTIF</label>
                                <div class="col-lg-10">
                                    <input name="aktif" type="text" class="form-control input-sm" placeholder="Status Satgas" readonly> 
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">CUTI BERSAMA</label>
                                <div class="col-lg-10">
                                    <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">
                                <label class="col-lg-2 control-label">ABSEN</label>
                                <div class="col-lg-10">
                                    <select name="absen" class="select2-option" style="width:100%" data-placeholder="Pilih Absen Satgas">
                                        <option value=""></option>
                                        <option value="finger">FINGER</option>
                                        <option value="manual">MANUAL</option>
                                    </select>
                                </div>
                            </div>
							<div class="form-group">
                                <label class="col-lg-2 control-label">LOKASI</label>
                                <div class="col-lg-10">
                                    <select name="lokasi" class="select2-option" style="width:100%" data-placeholder="Pilih Lokasi Satgas">
                                        <option value=""></option>
                                        <option value="pusat">PUSAT</option>
                                        <option value="luar">LUAR</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">AKSES FINGER</label>
                                <div class="col-lg-10">
                                    <select id="lok-finger" name="finger[]" multiple class="select2-option" style="width:100%" data-placeholder="Pilih Lokasi Finger">
                                        {!! $opt_lokasi !!}
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-2 control-label">DISPENSASI ABSEN</label>
                                <div class="col-lg-10">
                                    <select id="lok-finger" name="dispen" class="select2-option" style="width:100%" data-placeholder="Pilih Dispensasi">
                                        <option value=""></option>
                                        <option value="1">Ya</option>
                                        <option value="0">Tidak</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <footer class="panel-footer">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group" style="margin-bottom:0px">
                                    <div class="col-lg-12 text-center">
                                        <button type="reset" class="btn btn-default btn-danger">Batal</button>
                                        <button id="save" type="submit" class="btn btn-default btn-primary">Simpan</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>
                </form>
            </section>
        </section>
    </section>
    <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
</section>
@stop

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