@extends('template')

@section('title')
	HRIS | Cari Pelatihan
@stop

@section('top_script')
	@include('diklat::layouts.top_script')
@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="#">Diklat</a></li>
        <li class="active">Cari Pelatihan</li>
    </ul>
    <!-- <div class="m-b-md text-center">
        <h3 class="m-b-none"><strong>CARI</strong> DATA PELATIHAN</h3>
        <span>Fitur untuk mencari data diklat</span>
    </div> -->
    <section class="panel panel-primary portlet-item">
        <header class="panel-heading" style="font-weight:bold">
            <ul class="nav nav-pills pull-right">
                <li> <a href="#" class="panel-toggle text-muted" style="color:#fff"><i class="fa fa-caret-down text-active"></i><i class="fa fa-caret-up text"></i></a> </li>
            </ul> Cari Lebih Detail 
        </header>
        <form id="cari_pelatihan" class="">
            <section class="panel-body" style="padding-bottom:0">
                <div class="msg_cek" style="padding:0 10px"></div>
                <div class="row">
                    <div class="form-group col-md-3">
                        <label>NIP :</label>
                        <input name="pegawai_id" type="hidden" class="filter">
                        <input name="nip" id="nip" data-required="true" type="text" class="form-control filter" placeholder="Masukkan Data NIP">
                    </div>
                    <div class="form-group col-md-3">
                        <label>KATA KUNCI :</label>
                        <input name="keyword" id="keyword" data-required="true" type="text" class="form-control filter" placeholder="Masukkan Kata Pencarian"> 
                    </div>
                    <div class="form-group col-md-3">
                        <label>INTEKS :</label>
                        <select name="inteks" class="select2-option filter" style="width:100%;">
                            {!! $inteks !!}
                        </select>
                    </div>
                    <div class="form-group col-md-3">
                        <label>WAKTU PELATIHAN (Bulan-Tahun) :</label>
                        <input name="time" id="tgl" class="form-control datepicker-input filter" placeholder="From Date" type="text" data-date-format="mm-yyyy">
                    </div>
					<div class="form-group col-md-3">
                        <label>WAKTU PELATIHAN (Tahun) :</label>
                        <input name="time" id="tgl" class="form-control datepicker-input filter" placeholder="From Date" type="text" data-date-format="yyyy">
                    </div>
                </div>
				<div class="row" style="background-color: #eeeeee; border-top: 1px solid #cccccc">
					<div class="col-md-12 text-center" style="margin:10px 0">
						<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-times"></i> Hapus Filter</button>
						<button type="submit" class="btn btn-sm btn-info"><i class="fa fa-search"></i> Cari Data</button>
                        <button type="cetak" class="btn btn-sm btn-success"><i class="fa fa-print"></i> Export Data</button>
					</div>
				</div>
            </section>
        </form>
    </section>
    <section class="panel panel-success table-pelatihan">
        <header class="panel-heading font-bold">Data Pelatihan</header>
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="pelatihan-data" class="table table-striped m-b-none" width="1300px" style="font-size: 11px">
                <thead>
                    <tr>
                        <th width="30px" ><input type="checkbox" id="check-all" style="width:15px;height:12px"></th>
                        <th class="text-center" width="150px">NO SP</th>
                        <th class="text-center" width="100px">NIP</th>
                        <th class="text-center" width="150px">NAMA</th>
                        <th class="text-center" width="250px">PELATIHAN</th>
                        <th class="text-center" width="250px">PENYELENGGARA</th>
                        <th class="text-center" width="250px">TEMPAT</th>
                        <th class="text-center" width="150px">TGL</th>
                        <th class="text-center" width="75px">DURASI</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                    <tr>
                        <td width="1330px" class="text-center" colspan="8" style="background-color: #BCE8F1; font-weight: bold">TOTAL DURASI</td>
                        <td width="75px" style="background-color: #DBF4F9; font-weight: bold" class="text-right total-durasi"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </section>
</section>

@stop

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