@extends('template_satgas')

@section('title')
	HRIS | Cari 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;
	    }
	    #filter-layer > .select2-container-multi .select2-choices {
	        width: 100% !important;
	    }
	    .select2-container .select2-choice > .select2-chosen {
	        font-size: 11px;
	        font-weight: normal;
	        color: #717171;
	    }
	    .dataTables_filter {
	        float: right !important;
	        padding-right:0 !important;
	    }
	    .dataTables_length {
	        float: left !important;
	    }
	    .tagsinput {
	        min-height: 30px !important;
	        height: 30px !important;
	        padding: 0 !important;
	        width: 175px !important
	    }
	    div.tagsinput span.tag {
	        padding:0 5px !important;
	        font-size: 11px !important;
	        margin:5px !important;
	    }
	    div.tagsinput input {
	        font-size: 11px !important;
	        width: 85px !important;
	    }
	    .ColVis {
	        margin: 0;
	        padding: 15px;
	    }
	    .ColVis_collection {
	        height: 350px;
	        overflow: scroll !important;
	        overflow-x: hidden !important;
	        background-color: #fff;
	        border: 1px solid #ccc;
	        padding-left: 15px;
	        list-style-type: none;
	    }
	    .show-button-column {
	        display: block !important;
	    }
	    .hide-button-column {
	        display: none !important;   
	    }
	    .checkbox {
	        margin-bottom:0;
	        margin-top:0;
	    }
	    .order-option > .select2-choices {
	        width: 100% !important;
	    }
	</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">Cari Pegawai</li>
    </ul>
    <section class="panel panel-primary">
        <header class="panel-heading font-bold" style="padding: 5px">
            <div class="row">
                <div class="col-md-9" id="filter-layer">
                    <select name="layer" class="select2-option" style="width:100%;" multiple="multiple">
                        {{-- <option value="1">Direktur Utama</option>
                        <option value="2">Direktur Bidang</option>
                        <option value="3">Manajer Senior</option>
                        <option value="4">Manajer</option>
                        <option value="5">Supervisor</option>
                        <option value="6">Staf Senior</option>
                        <option value="7">Staf</option> --}}
                        <option value="8" selected>Satgas</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-sm btn-danger pull-right" id="reset-filter-cari" type="button" style="font-weight:bold">
                        <i class="fa fa-times"></i> Clear Filter
                    </button>
                    @canatleast(['satgas.cari.export_foto', 'satgas.cari.export_excel'])
                        <button id="export_modal" class="btn btn-sm btn-primary pull-right" type="button" style="font-weight:bold">
                            <i class="fa fa-download"></i> Export
                        </button>
                    @endcanatleast
                </div>
            </div>
        </header>
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="data-pegawai" class="table m-b-none" width="2000px" style="font-size:11px; 
            /* max-width:3790px */
            ">
                <thead style="background-color:azure">
                    <tr> 
                        <th style="width:40px; text-align: center"><input type="checkbox" id="check-all" style="width:15px;height:12px"></th>
                        <th style="width:100px; text-align: center">NIK</th>
                        <th style="width:100px; text-align: center">NIP</th>
                        <th style="width:200px; text-align: center">NAMA</th>
                        <th style="width:100px; text-align: center">GENDER</th>
                        <th style="width:200px; text-align: center">ALAMAT</th>
                        <th style="width:200px; text-align: center">ALAMAT TINGGAL</th>
                        <th style="width:100px; text-align: center">TELEPON</th>
                        <th style="width:100px; text-align: center">TELP KERABAT</th>
                        <th style="width:125px; text-align: center">GOL DARAH</th>
                        <th style="width:150px; text-align: center">AGAMA</th>
                        <th style="width:200px; text-align: center">STATUS KAWIN</th>
                        <th style="width:150px; text-align: center">TEMPAT LAHIR</th>
                        <th style="width:150px; text-align: center">TGL LAHIR</th>
                        <th style="width:125px; text-align: center">USIA</th>
                        <th style="width:150px; text-align: center">STATUS</th>
                        <th style="width:250px; text-align: center">UNIT</th>
                        <th style="width:250px; text-align: center">BIDANG</th>
                        <th style="width:125px; text-align: center">DIREKTORAT</th>
                        <th style="width:150px; text-align: center">TMT MASUK</th>
                        <th style="width:150px; text-align: center">TMT BERHENTI</th>
                        <th style="width:125px; text-align: center">MASA KERJA</th>
                        <th style="width:150px; text-align: center">LOKASI</th>
                        <th style="width:200px; text-align: center">KET BERHENTI</th>
                        <th style="width:100px; text-align: center">DAPENMA</th>
                        <th style="width:100px; text-align: center">DPLK</th>
                        <th style="width:100px; text-align: center">REKENING</th>
                        <th style="width:100px; text-align: center">GAJI POKOK</th>
                        <th style="width:100px; text-align: center">NPWP</th>
                        <th style="width:75px; text-align: center">AKTIF</th>
                    </tr>
                    <tr>
                        <th style="padding:0"></th>
                        <th style="padding:0"><input type="text" class="cari" name="nik" placeholder="NIK" style="width:100px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="nip" placeholder="NIP" style="width:100px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="nama" placeholder="Nama" style="width:200px;"></th>
                        <th style="padding:0">
                            <select name="gender" class="select2-option" style="width:100px;">
                                <option value=""></option>
                                <option value="L">Laki-laki</option>
                                <option value="P">Perempuan</option>
                            </select>
                        </th>
                        <th style="padding:0"><input type="text" class="cari" name="alamat" placeholder="Alamat" style="width:200px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="alamat_tinggal" placeholder="Alamat Tinggal" style="width:200px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="telepon" placeholder="Telepon" style="width:100px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="telp_kerabat" placeholder="Telp Kerabat" style="width:100px;"></th>
                        <th style="padding:0">
                            <select name="gol_darah" class="select2-option" style="width:125px;overflow-x:hidden" multiple="multiple">
                                <option value="O">O</option>
                                <option value="AB">AB</option>
                                <option value="A">A</option>
                                <option value="B">B</option>
                            </select>
                        </th>
                        <th style="padding:0">
                            <select name="agama" class="select2-option" style="width:150px;overflow-x:hidden" multiple="multiple">
                                @foreach ($agama as $key => $value)
                                    <option value="{{ $value->nama }}">{{ $value->nama }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th style="padding:0">
                            <select name="status_kawin" class="select2-option" style="width:200px;overflow-x:hidden" multiple="multiple">
                                <option value="Belum Menikah">Belum Menikah</option>
                                <option value="Duda">Duda</option>
                                <option value="Janda">Janda</option>
                                <option value="Menikah">Menikah</option>
                                <option value="Belum Diketahui">Belum Diketahui</option>
                            </select>
                        </th>
                        <th style="padding:0"><input type="text" class="cari" name="tempat_lahir" placeholder="Tempat Lahir" style="width:150px;"></th>
                        <th style="padding:0"><input type="text" name="tgl_lahir" placeholder="YYYY-MM-DD" style="width:150px;"></th>
                        <th style="padding:0;">
                            <div class="input-group">
                                <input type="text" class="cari" name="usia_dari" placeholder="Mulai" style="width:50px">
                                <span class="input-group-addon" style="background-color:#d9d9d9; color:rgb(146, 140, 140)">sd</span>
                                <input type="text" class="cari" name="usia_sampai" placeholder="Sampai" style="width:50px">
                            </div>
                        </th>
                        <th style="padding:0">
                            <select name="status_kerja" class="select2-option" style="width:175px;overflow-x:hidden" multiple="multiple">
                                @if($status_kerja->count() > 0)
                                    @foreach ($status_kerja->get() as $key => $value)
                                        @if(!empty($value->status_kerja))
                                            <option value="{{ $value->status_kerja }}">{{ $value->status_kerja }}</option>
                                        @endif
                                    @endforeach
                                @endif
                            </select>
                        </th>
                        <th style="padding:0"><input type="text" class="cari" name="unit" placeholder="Unit" style="width:250px;"></th>
                        <th style="padding:0">
                            <select name="bidang" class="select2-option" style="width:125px;overflow-x:hidden" placeholder="Bidang" multiple="multiple">
                                @foreach ($direktorat as $value)
                                    <option value="{{ $value->direktorat }}">{{ $value->direktorat }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th style="padding:0">
                            <select name="direktorat" class="select2-option" style="width:125px;overflow-x:hidden" placeholder="Direktorat" multiple="multiple">
                                @foreach ($bidang as $value)
                                    <option value="{{ $value->bidang }}">{{ $value->bidang }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th style="padding:0"><input type="text" class="cari" name="tmt_masuk" style="width:150px;" placeholder="YYYY-MM-DD"></th>
                        <th style="padding:0"><input type="text" class="cari" name="tmt_berhenti" style="width:150px;" placeholder="YYYY-MM-DD"></th>
                        <th style="padding:0;">
                            <div class="input-group">
                                <input type="text" class="cari" name="masa_kerja_dari" placeholder="Mulai" style="width:50px">
                                <span class="input-group-addon" style="background-color:#d9d9d9; color:rgb(146, 140, 140)">sd</span>
                                <input type="text" class="cari" name="masa_kerja_sampai" placeholder="Sampai" style="width:50px">
                            </div>
                        </th>
                        <th style="padding:0">
                            <select name="lokasi" class="select2-option" style="width:150px;overflow-x:hidden" placeholder="Lokasi" multiple="multiple">
                                @foreach ($lokasi as $value)
                                    <option value="{{ $value->nama }}">{{ $value->nama }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th style="padding:0"><input type="text" class="cari" name="ket_berhenti" placeholder="Keterangan Berhenti" style="width:200px;"></th>
                        <th style="padding:0"><input type="text" class="cari" name="dapenma" style="width:100px;" placeholder="Dapenma"></th>
                        <th style="padding:0"><input type="text" class="cari" name="dplk" style="width:100px;" placeholder="DPLK"></th>
                        <th style="padding:0"><input type="text" class="cari" name="rekening" style="width:100px;" placeholder="No Rekening"></th>
                        <th style="padding:0"><input type="text" class="cari" name="gaji_pokok" style="width:100px;" placeholder="Gaji Pokok" disabled></th>
                        <th style="padding:0"><input type="text" class="cari" name="npwp" style="width:100px;" placeholder="NPWP"></th>
                        <th style="padding:0;">
                            <select name="aktif" class="select2-option" style="width:75px;">
                                <option value=""></option>
                                <option value="1">Aktif</option>
                                <option value="0">Non Aktif</option>
                            </select>
                        </th>
                    </tr>
                </thead>
            </table>
        </div>
    </section>
</section>

<div id="download-modal" class="modal fade" role="dialog" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width:50%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><i class="fa fa-download"></i> Export</h4>
            </div>
            <form id="download-form">
                <div class="modal-body">
                    @can('satgas.cari.export_foto')
                        <div class="form-group">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="export" value="option_foto"> Data Foto
                                </label>
                            </div>
                        </div>
                    @endcan
                    @can('satgas.cari.export_excel')
                        <div class="form-group">
                            <div class="radio">
                                <label>
                                    <input type="radio" name="export" value="option_excel"> Data Excel
                                </label>
                            </div>
                        </div>
                        <div class="form-group" id="checklist-content" style="display:none">
                            <label>Cheklist :</label>
                            <div class="row" style="margin-bottom:15px;">
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="checklist-all"> <span style="font-weight:bold">Check All</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="header[]" data-title="NIP" value="nip" checked onclick="return false;" onkeydown="return false;"> <span style="font-weight:bold">NIP</span> <span style="font-style: italic; color:rgb(144, 142, 142)">(Default)</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="header[]" data-title="NAMA" value="nama" checked onclick="return false;" onkeydown="return false;"> <span style="font-weight:bold">NAMA</span> <span style="font-style: italic; color:rgb(144, 142, 142)">(Default)</span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="NIK" name="header[]" value="nik"> NIK
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="ID Pegawai" name="header[]" value="id"> ID Pegawai
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="JENIS KELAMIN" name="header[]" value="gender"> JENIS KELAMIN
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="GOLONGAN DARAH" name="header[]" value="gol_darah"> GOLONGAN DARAH
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="AGAMA" name="header[]" value="agama"> AGAMA
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="STATUS HUBUNGAN" name="header[]" value="status_kawin"> STATUS HUBUNGAN
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="TEMPAT LAHIR" name="header[]" value="tempat_lahir"> TEMPAT LAHIR
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="TANGGAL LAHIR" name="header[]" value="tgl_lahir"> TANGGAL LAHIR
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="USIA" name="header[]" value="usia"> USIA
                                        </label>
                                    </div>
                                </div>
								<div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="ALAMAT" name="header[]" value="alamat"> ALAMAT
                                        </label>
                                    </div>
                                </div>
								<div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="TELEPON" name="header[]" value="telepon"> TELEPON
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="STATUS KERJA" name="header[]" value="status_kerja"> STATUS KERJA
                                        </label>
                                    </div>
                                </div>
								{{-- <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="KODE JABATAN" name="header[]" value="kode_jabatan"> KODE JABATAN
                                        </label>
                                    </div>
                                </div> --}}
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="JABATAN" name="header[]" value="jabatan"> JABATAN
                                        </label>
                                    </div>
                                </div>
								<div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="KODE JABATAN ATASAN" name="header[]" value="kode_jabatan_atasan"> KODE JABATAN ATASAN
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="JABATAN ATASAN" name="header[]" value="jabatan_atasan"> JABATAN ATASAN
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="UNIT" name="header[]" value="unit"> UNIT
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="BIDANG" name="header[]" value="direktorat"> BIDANG
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="DIREKTORAT" name="header[]" value="bidang"> DIREKTORAT
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="TMT MASUK" name="header[]" value="tmt_masuk"> TMT MASUK
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="TMT BERHENTI" name="header[]" value="tmt_berhenti"> TMT BERHENTI
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="MASA KERJA" name="header[]" value="masa_kerja_total"> MASA KERJA
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="LOKASI" name="header[]" value="lokasi"> LOKASI
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="KETERANGAN BERHENTI" name="header[]" value="ket_berhenti"> KETERANGAN BERHENTI
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="DAPENMA" name="header[]" value="dapenma"> DAPENMA
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="DPLK" name="header[]" value="dplk"> DPLK
                                        </label>
                                    </div>
                                </div>
                                @if(\Auth::user()->isRole('admin_kelola_dana_sosial') || \Auth::user()->isRole('admin') || \Auth::user()->isRole('admin_phi'))
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="Rekening" name="header[]" value="rekening"> REKENING
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="Gaji Pokok" name="header[]" value="gaji_pokok"> GAJI POKOK
                                        </label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="Npwp" name="header[]" value="npwp"> NPWP
                                        </label>
                                    </div>
                                </div>
                                @endif
                                <div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="AKTIF" name="header[]" value="aktif"> AKTIF
                                        </label>
                                    </div>
                                </div>
								<div class="col-md-4">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" class="checklist" data-title="LINK" name="header[]" value="link"> LINK PROFIL
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <label>Urutkan Berdasarkan :</label>
                            <div class="row">
                                <div class="col-md-12">
                                    <select name="order" class="order-option" style="width:100%;" multiple="multiple">
                                        <option group-data="nip" value="p.nip asc">NIP ASC</option>
                                        <option group-data="nip" value="p.nip desc">NIP DESC</option>
                                        <option group-data="nama" value="ps.nama asc">NAMA ASC</option>
                                        <option group-data="nama" value="ps.nama desc">NAMA DESC</option>
                                        <option group-data="id" value="p.id asc">ID PEGAWAI ASC</option>
                                        <option group-data="id" value="p.id desc">ID PEGAWAI DESC</option>
                                        <option group-data="nik" value="ps.nik asc">NIK ASC</option>
                                        <option group-data="nik" value="ps.nik desc">NIK DESC</option>
                                        <option group-data="gender" value="ps.gender asc">JENIS KELAMIN ASC</option>
                                        <option group-data="gender" value="ps.gender desc">JENIS KELAMIN DESC</option>
                                        <option group-data="gol_darah" value="ps.gol_darah asc">GOLONGAN DARAH ASC</option>
                                        <option group-data="gol_darah" value="ps.gol_darah desc">GOLONGAN DARAH DESC</option>
                                        <option group-data="agama" value="a.nama asc">AGAMA ASC</option>
                                        <option group-data="agama" value="a.nama desc">AGAMA DESC</option>
                                        <option group-data="status_kawin" value="s_kw.nama asc">STATUS HUBUNGAN ASC</option>
                                        <option group-data="status_kawin" value="s_kw.nama desc">STATUS HUBUNGAN DESC</option>
                                        <option group-data="tempat_lahir" value="ps.tempat_lahir asc">TEMPAT LAHIR ASC</option>
                                        <option group-data="tempat_lahir" value="ps.tempat_lahir desc">TEMPAT LAHIR DESC</option>
                                        <option group-data="tgl_lahir" value="ps.tgl_lahir asc">TANGGAL LAHIR ASC</option>
                                        <option group-data="tgl_lahir" value="ps.tgl_lahir desc">TANGGAL LAHIR DESC</option>
                                        <option group-data="usia" value="usia asc">USIA ASC</option>
                                        <option group-data="usia" value="usia desc">USIA DESC</option>
                                        <option group-data="status_kerja" value="s_kr.nama asc">STATUS KERJA ASC</option>
                                        <option group-data="status_kerja" value="s_kr.nama desc">STATUS KERJA DESC</option>
                                        <option group-data="unit" value="u.nama asc">UNIT ASC</option>
                                        <option group-data="unit" value="u.nama desc">UNIT DESC</option>
                                        <option group-data="bidang" value="u.direktorat asc">BIDANG ASC</option>
                                        <option group-data="bidang" value="u.direktorat desc">BIDANG DESC</option>
                                        <option group-data="direktorat" value="u.bidang asc">DIREKTORAT ASC</option>
                                        <option group-data="direktorat" value="u.bidang desc">DIREKTORAT DESC</option>
                                        <option group-data="tmt_masuk" value="p.tmt_masuk asc">TMT MASUK ASC</option>
                                        <option group-data="tmt_masuk" value="p.tmt_masuk desc">TMT MASUK DESC</option>
                                        <option group-data="tmt_berhenti" value="p.tmt_berhenti asc">TMT BERHENTI ASC</option>
                                        <option group-data="tmt_berhenti" value="p.tmt_berhenti desc">TMT BERHENTI DESC</option>
                                        <option group-data="masa_kerja_total" value="masa_kerja_total asc">MASA KERJA ASC</option>
                                        <option group-data="masa_kerja_total" value="masa_kerja_total desc">MASA KERJA DESC</option>
                                        <option group-data="lokasi" value="or_jab.lokasi asc">LOKASI ASC</option>
                                        <option group-data="lokasi" value="or_jab.lokasi desc">LOKASI DESC</option>
                                        <option group-data="ket_berhenti" value="p.ket_berhenti asc">KETERANGAN BERHENTI ASC</option>
                                        <option group-data="ket_berhenti" value="p.ket_berhenti desc">KETERANGAN BERHENTI DESC</option>
                                        <option group-data="aktif" value="p.aktif asc">AKTIF ASC</option>
                                        <option group-data="aktif" value="p.aktif desc">AKTIF DESC</option>
                                        <option group-data="aktif" value="ps.dapenma asc">DAPENMA ASC</option>
                                        <option group-data="aktif" value="ps.dapenma desc">DAPENMA DESC</option>
                                        <option group-data="aktif" value="ps.dplk asc">DPLK ASC</option>
                                        <option group-data="aktif" value="ps.dplk desc">DPLK DESC</option>
                                    </select>
                                </div>
                                <div class="col-md-12">
                                    <ul style="padding-left:15px; font-style: italic; font-size:11px; color:rgb(144, 142, 142)">
                                        <li>ASC = Diurutkan dari kecil - besar. (ex : A-Z / 1-100)</li>
                                        <li>DESC = Diurutkan dari besar - kecil. (ex : Z-A / 100-1)</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    @endcan
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-success"><i class="fa fa-download"></i> Go!</button>
                </div>
            </form>
        </div>
    </div>
</div>
@stop

@section('bottom_script')
	@include('satgas::layouts.bottom_script')
	<script src="{{ asset('js/datatables/new/js/dataTables.colVis.js') }}"></script>
@stop