@extends('template')

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

@section('top_script')
	@include('kepegawaian::layouts.top_script')
    <style type="text/css">
        table thead tr th {
            padding: 2px 5px;
        } 
        .appraisal-input {
            text-align: center;
        }
        table tbody tr td {
            text-align: center;
        }
    </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">Appraisal Pegawai</li>
    </ul>
    <div class="m-b-md text-center" style="margin-bottom: 10px !important">
        <h5 class="m-b-none"><strong>PENILAIAN KINERJA</strong> PEGAWAI</h5>
        <span style="font-size: 11px">Fitur untuk mengelola penilaian kinerja pegawai</span>
    </div>
    <section class="panel panel-default">
        <div class="panel-body" style="padding:0px">
            <div class="tab-content">
                <div class="tab-pane fade active in" id="per-bulan">
                    <section class="panel panel-primary portlet-item">
                        <section class="panel-body text-center">
                            <form role="form" class="form-inline" id="appraisal-form">
                                <div class="form-group">
                                    <label>Filter : </label>
                                </div>
                                <div class="form-group">
                                    <select class="select2-option" style="width:200px" name="form">
                                        {!! $form !!}
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select class="select2-option" style="width:125px" name="tahun">
                                        {!! $tahun !!}
                                    </select>
                                </div>
                                <button id="process" class="btn btn-info" type="submit">Tampilkan Data</button> 
                            </form>
                        </section>
                    </section>
                    <section class="panel panel-info" style="margin-bottom: 0px">
                        <header class="panel-heading font-bold">Data Pegawai</header>
                        <div class="table-responsive"></div>
                    </section>
                </div>
            </div>
        </div>
    </section>
</section>
<div id="modal-upload" class="modal fade in" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width:50%;">
        <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">Upload Dokumen Appraisal</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
					<label>UPLOAD FILE (PDF) :</label><br>
					<input name="id" type="hidden">
					<input name="form" type="hidden">
					<input name="tahun" type="hidden">
					<input name="nip" type="hidden">
					<input name="foto" type="file" class="filestyle" data-icon="false" data-classButton="btn btn-default" data-classInput="form-control inline input-s"><br>
					<small class="tes"></small>
				</div>
            </div>
            <div class="modal-footer" style="margin-top:0px; border-radius:0 0 6px 6px;color:#3a87ad; background-color:#f5f5f5">
				<input id="button-upload" class="btn btn-success" type="button" value="upload">
            </div>
        </div>
    </div>
</div>
@stop

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