@extends('template')

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

@section('top_script')
	@include('kepegawaian::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;
        }
        /*.dataTables_scrollBody > table > thead > tr > th {
            line-height: 5px;
        }*/
        .panel .table td {
            padding: 2px 5px;
            vertical-align: middle;
        }
		#modal-atasan .table td {
			padding: 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="#">Kepegawaian</a></li>
		<li class="active">Data Pegawai</li>
	</ul>
	<div class="m-b-md text-center" style="margin-bottom: 10px !important">
		<h5 class="m-b-none"><strong>DATA</strong> PEGAWAI</h5>
		<span style="font-size: 11px">Fitur untuk menampilkan data pegawai yang telah terdaftar</span>
	</div>
	<section class="panel panel-success">
		<div class="table-responsive">
			<span class="msg_table"></span>
			<table id="pegawai-data" class="table table-bordered m-b-none table-hover" width="100%" style="font-size: 11px">
				<thead>
					<tr>
						<th style="text-align: center;" id="nip" width="100px">NIP</th>
						<th style="text-align: center;" id="nama" width="200px">NAMA</th>
						<th style="text-align: center;" id="status" width="150px">STATUS</th>
						<th style="text-align: center;" id="tmt_masuk" width="100px">TMT MASUK</th>
                        <th style="text-align: center;" id="jabatan" width="350px">JABATAN</th>
                        <th style="text-align: center;" id="bagian" width="350px">BAGIAN</th>
						<th style="text-align: center;" id="aktif" width="100px">AKTIF</th>
						<th style="text-align: center;" width="150px">AKSI</th>
					</tr>
					<tr>
						<th style="padding:0"><input type="text" placeholder="Cari NIP" style="width:100%;"></th>
						<th style="padding:0"><input type="text" placeholder="Cari Nama" style="width:100%;"></th>
						<th style="padding:0">
							<select class="select2-option" style="width:100%" data-placeholder="Pilih Status">
                                {!! $filter !!}
							</select>
						</th>
						<th style="padding:0"><input type="text" placeholder="yyyy-mm-dd" style="width:100%;"></th>
                        <th style="padding:0"><input type="text" placeholder="Cari Jabatan" style="width:100%;"></th>
                        <th style="padding:0"><input type="text" placeholder="Cari Bagian" style="width:100%;"></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">Non-Aktif</option>
							</select>
						</th>
						<th style="padding:0"></th>
					</tr>
				</thead>
				<tbody></tbody>
			</table>
		</div>
	</section>
</section>
<div id="modal-print" class="modal fade in" tabindex="-1" 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">CETAK PROFIL PEGAWAI</h4>
            </div>
            <form id="form-modal-print" action="{{ url('kepegawaian/data/print_profil') }}">
                <div class="modal-body" style="padding: 10px 20px">
                    <h5 class="form-section">Ceklist yang di print</h5>
                    <div class="form-group" style="margin-bottom: 0">
                        <div class="col-sm-12 row" style="padding-left: 30px">
                            <div class="col-sm-6">
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_pendidikan" checked> Riwayat Pendidikan
                                    <input type="hidden" name="id-pegawai">
                                </label>
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_pangkat" checked> Riwayat Pangkat
                                </label>
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_jabatan" checked> Riwayat Jabatan
                                </label>
                            </div>
                            <div class="col-sm-6">
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_pelatihan" checked> Riwayat Pelatihan
                                </label>
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_sanksi" checked> Riwayat Sanksi
                                </label>
                                <label class="checkbox font-bold col-md-12">
                                    <input type="checkbox" class="module_check_atas" name="profil[]" value="riwayat_penilaian" checked> Riwayat Penilaian Kinerja
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius:0 0 6px 6px; color:#3a87ad; background-color:#f5f5f5; margin-top:0px">
                    <button class="btn btn-sm btn-danger" data-dismiss="modal">Close</button>
                    <button class="btn btn-sm btn-success" type="submit"><i class="fa fa-print"></i> PRINT</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div id="modal-atasan" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width: 65%">
        <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 Atasan</h4>
            </div>
            <div class="modal-body">
                <table class="table table-bordered m-b-none text-sm" width="100%" style="font-size: 11px">
                	<thead>
                		<tr>
                			<th class="text-center">NO</th>
                			<th class="text-center">NIP</th>
                			<th class="text-center">NAMA</th>
							<th class="text-center">JABATAN</th>
                		</tr>
                	</thead>
                    <tbody class="list-tembusan">
                        
                    </tbody>
                </table>
            </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