@extends('templates.adminlte3.layout')

@section('title', 'Daftar Komitmen')

@section('css')
	@include('schedule::templates.adminlte3.Partials.css')
@stop

@section('sidebar')
	@include('schedule::templates.adminlte3.Partials.sidebar')
@stop

@section('breadcrumb')
	<ol class="breadcrumb float-sm-right" style="font-size: .75rem !important">
	    <li class="breadcrumb-item"><a href="javascript:void(0)">Kelola Perencanaan Kegiatan</a></li>
	    <li class="breadcrumb-item"><a href="{{ url('schedule/komitmen') }}">Komitmen Kinerja</a></li>
	    <li class="breadcrumb-item active">Daftar Komitmen</li>
	</ol>
@stop

@section('content')
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Daftar Komitmen</h3>
			</div>
            <!-- /.card-header -->
			<div class="card-body">
				<table id="data" class="table table-bordered table-hover text-xs">
					<thead>
						<tr>
							<th class="bg-gray-dark text-center">Komitmen</th>
							<th class="bg-gray-dark text-center">Status</th>
							<th class="bg-gray-dark text-center">Aksi</th>
						</tr>
						<tr>
							<th class="filter-columns bg-gray">
								<input class="form-control form-control-sm" type="text" placeholder="Enter Here...">
							</th>
							<th class="filter-columns bg-gray">
								<input class="form-control form-control-sm" type="text" placeholder="Enter Here...">
							</th>
							<th class="filter-columns bg-gray"></th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
@stop

@section('js')
	@include('schedule::templates.adminlte3.Partials.js')
@stop