@extends('template')

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

@section('top_script')
	@include('organisasi::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="#">Organisasi</a></li>
        <li class="active">Pangkat</li>
    </ul>
    <div class="m-b-md">
        <h3 class="m-b-none"><strong>Data</strong> Pangkat</h3>
    </div>
    @canatleast(['organisasi.pangkat.create', 'organisasi.pangkat.edit'])
        <section id="formInput" class="panel panel-primary">
            <header class="panel-heading font-bold">Kelola Data Pangkat</header>
            <form id="insertPangkat" class="bs-example form-horizontal">
                <div class="panel-body">
                    <span class="msg_form"></span>
                    <input name="id" type="hidden">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Pangkat</label>
                        <div class="col-lg-10">
                            <input name="pangkat" type="text" class="form-control" placeholder="Isikan Nama Pangkat">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Keterangan (Optional)</label>
                        <div class="col-lg-10">
                            <textarea name="keterangan" class="form-control" placeholder="Isikan Keterangan"></textarea>
                        </div>
                    </div>
					<div class="form-group">
                        <label class="col-lg-2 control-label">Urut</label>
                        <div class="col-lg-10">
                            <input name="urut" type="text" class="form-control" placeholder="Isikan Urut">
                        </div>
                    </div>
                </div>
                <div class="panel-footer">
                    <div class="form-group" style="margin-bottom:0">
                        <div class="col-lg-10 col-lg-offset-2">
                            <button id="reset-form" type="button" class="btn btn-sm btn-danger">Batal</button>
                            <button id="save" type="submit" class="btn btn-sm btn-info">Simpan</button>
                        </div>
                    </div>
                </div>
            </form>
        </section>
    @endcanatleast
    <section class="panel panel-success">
        <header class="panel-heading font-bold">Daftar Pangkat<i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i> </header>
        <div class="table-responsive">
            <span class="msg_table"></span>
            <table id="pangkat-data" class="table table-striped m-b-none table-hover" width="100%" style="font-size: 11px">
                <thead>
                    <tr>
						<th class="text-center" width="15%">URUT</th>
                        <th class="text-center" width="15%">PANGKAT</th>
                        <th class="text-center">KETERANGAN</th>
                        <th class="text-center" width="15%">AKSI</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </section>
</section>
@stop

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