@extends('template')

@section('title')
	HRIS | Bagian
@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">Unit</li>
	</ul>
	<div class="m-b-md">
		<h3 class="m-b-none"><strong>Data</strong> Unit</h3>
	</div>
    @canatleast(['organisasi.bagian.create', 'organisasi.bagian.edit'])
    	<section id="formInput" class="panel panel-primary">
            <header class="panel-heading font-bold">Kelola Data Unit</header>
            <form id="insertUnit" 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">Kode</label>
                        <div class="col-lg-10">
                            <input name="kode" type="text" class="form-control" placeholder="Isikan Kode Unit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Nama</label>
                        <div class="col-lg-10">
                            <input name="nama" type="text" class="form-control" placeholder="Isikan Nama Unit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Jenis</label>
                        <div class="col-lg-10">
                            <input name="jenis" type="text" class="form-control" placeholder="Isikan Jenis Unit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Bidang</label>
                        <div class="col-lg-10">
                            <input name="bidang" type="text" class="form-control" placeholder="Isikan Bidang Unit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Direktorat</label>
                        <div class="col-lg-10">
                            <input name="direktorat" type="text" class="form-control" placeholder="Isikan Direktorat Unit">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Atasan</label>
                        <div class="col-lg-10">
                            <select name="sub_id" style="width:100%;" data-placeholder="Pilih Unit" class="select2">
								<option value=""></option>
								@foreach ($option->get() as $value)
																		<option value="{{ $value->id }}">{{ $value->kode }} - {{ $nama }}</option>
								@endforeach
                            </select>
                        </div>
                    </div>
					<div class="form-group">
                        <label class="col-lg-2 control-label">Status</label>
                        <div class="col-lg-10">
                            <select name="aktif" style="width:100%;" data-placeholder="Pilih Status" class="select2">
								<option value=""></option>
								<option value="1">Aktif</option>
								<option value="0">Tidak Aktif</option>
                            </select>
                        </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 Unit<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="unit-data" class="table table-striped m-b-none table-hover" style="font-size: 11px">
				<thead>
					<tr>
						<th class="text-center" style="width:75px">KODE</th>
						<th class="text-center" style="width:250px">NAMA</th>
						<th class="text-center" style="width:100px">JENIS</th>
						<th class="text-center" style="width:100px">BIDANG</th>
						<th class="text-center" style="width:250px">DIREKTORAT</th>
						<th class="text-center" style="width:250px">ATASAN</th>
						<th class="text-center" style="width:100px">STATUS</th>
						<th class="text-center" style="width:100px">AKSI</th>
					</tr>
					<tr>
						<th style="width:75px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:250px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:100px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:100px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:250px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:250px; padding: 0; margin: 0">
							<input class="form-control" placeholder="Enter Here..." style="width:100%; height: 33px">
						</th>
						<th style="width:100px; padding: 0; margin: 0">
							<select style="width:100%;" data-placeholder="Pilih Status" class="select2">
								<option value=""></option>
								<option value="1">Aktif</option>
								<option value="0">Tidak Aktif</option>
                            </select>
						</th>
						<th style="width:100px; padding: 0; margin: 0"></th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
		</div>
	</section>
</section>
@stop

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