@extends('templates.adminlte3.layout')

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

@section('css')
	@include('schedule::templates.adminlte3.Partials.css')
	<style type="text/css">
		#data2_wrapper {
			padding-top: 10px;
		}
	</style>
@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">Validasi 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 class="card-tools">
					<div class="input-group input-group-sm">
						<div class="input-group-prepend">
			                <button type="button" class="btn btn-danger tutup-validasi" data-toggle="modal" data-target="#modal-add" data-toggle="tooltip" data-placement="top" title="Tutup Semua validasi"><i class="fas fa-times"></i> Tutup Semua validasi</button>
			            </div>
	                    <div class="input-group-append">
	                      	<button type="button" class="btn btn-success buka-validasi" data-toggle="tooltip" data-placement="top" title="Buka Semua Validasi"><i class="fas fa-check"></i> Buka Semua Validasi</button>
	                    </div>
					</div>
                </div>
			</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">Manajer</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