@extends('template')

@section('title')
	HRIS | Pendaftaran
@stop

@section('top_script')
	@include('kepegawaian::layouts.top_script')
@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="#">Kepegawaian</a></li>
                    <li class="active">Kelola Data Pegawai</li>
                </ul>
                <div class="m-b-md text-center" style="margin-bottom: 10px !important">
                    <h5 class="m-b-none"><strong>KELOLA</strong> DATA PEGAWAI</h5> 
                    <span style="font-size: 11px">Fitur ini digunakan untuk pendaftaran atau perubahan data pegawai</span>
                </div>
                <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">
											<input type="hidden" name="tgl_lahir_asli">
										</div>
										<div class="form-group">
											<label>TELEPON/HP</label>
											<input name="telepon" type="text" class="form-control" placeholder="Isikan No Telp / HP"> 
										</div>
										<div class="form-group">
											<label>Sudah Haji/Umrah dari kantor</label>
											<select name="sudah_haji_umrah_kantor" class="select2-option" style="width:100%" data-placeholder="Pilih Jenis Kelamin">
												<option value="0">Belum (default)</option>
												<option value="1">Sudah</option>
											</select>
										</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="pegawai-form" style="margin-bottom:10px"><i class="fa fa-refresh fa-spin fa-fw pull-right" aria-hidden="true"></i>DATA PEGAWAI</legend>
									<div class="col-md-12 col-xs-12">
										<button type="button" class="btn btn-info btn-xs pull-right" id="btn-tambah" style="border-radius:0; padding:3px 5px; font-size:10px; font-weight:bold"><i class="fa fa-plus"></i> Tambah Pegawai</button>
										<div class="table-responsive">
											<table class="table table-striped" style="margin-bottom: 15px; font-size: 11px; width:100%">
												<thead>
													<tr>
														<th class="text-center" width="13%">NIP</th>
														<th class="text-center" width="31%">NAMA</th>
														<th class="text-center" width="13%">MASUK</th>
														<th class="text-center" width="13%">BERHENTI</th>
														<th class="text-center" width="10%">STATUS</th>
														<th class="text-center" width="20%">AKSI</th>
													</tr>
												</thead>
												<tbody class="table-list-pegawai">
													<tr>
														<td colspan="6" align="center">Tidak ada pegawai.</td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
									
									<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>
											<span class="label" id="ket-tetap"></span>
											<span class="label" id="ket-kontrak"></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>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 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>
									<div class="col-md-6 col-xs-12">
										<div class="form-group hidden_field">
											<label>JABATAN</label>
											<div class="input-group">
												<input type="hidden" name="jabatan_id">
												<input type="hidden" name="unit">
												<input type="hidden" name="unit_id">
												<input name="nama_jabatan" data-required="true" type="text" class="form-control" placeholder="Pilih Jabatan Baru" readonly>
												<span class="input-group-btn"> 
													<button class="btn btn-warning" type="button" data-toggle="modal" data-target="#modal-jabatan">Pilih Jabatan</button> 
												</span> 
											</div>                               
										</div> 
										<div class="form-group hidden_field">
											<label>GOLONGAN (PANGKAT)</label>
											<select name="pangkat_id" class="select2-option" style="width:100%" data-placeholder="Pilih Pangkat / Golongan">
												{!! $opt_golongan !!}
											</select>                               
										</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($limit_size) }} KB. </span></p>
										</div>
										<div class="form-group text-center">
											<img class="image_preview" src="{{ asset('data/foto/preview.jpg') }}" style="border:1px solid #d9d9d9; width:200px">
										</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>
        </section>
    </section>
    <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
</section>
<div id="modal-jabatan" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width:70%;">
        <div class="modal-content">
            <div class="modal-header" style="border-radius:6px;color:#3a87ad; background-color:#f5f5f5">
                <button class="close" data-dismiss="modal" type="button">×</button>
                <h4 class="modal-title">DAFTAR JABATAN</h4>
            </div>
            <div class="modal-body">
                <form class="col-md-12" id="search-modal">
                    <input type="text" class="form-control" name="search" placeholder="Cari">
                </form>
            </div>
            <div class="modal-body" style="max-height:430px; overflow-y:auto;">
                <div class="col-md-12">
                    <div id="treeJabatan"></div>
                </div>
            </div>
            <div class="modal-footer" style="border-radius:6px;color:#3a87ad; background-color:#f5f5f5">
                <a class="btn btn-danger" data-dismiss="modal" href="#">Close</a>
            </div>
        </div>
    </div>
</div>
@stop

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