@extends('kpi._layout')

@push('stylesheet')
@endpush

@section('header')  
@if(!empty($permit))
		
	<div class="pt-2 _bg-transparent page-header page-header-light">
		<div class="pt-1 pb-2 page-header-content header-elements-md-inline">
			<div class="pt-1 x_page-title d-flex align-items-center">
				<span class="d-none _btn btn-icon btn-sm bg-transparent">
					<img src="{{ asset('global_assets/images/icon/home_96.png') }}" width="42" height="42" class="mr-2" alt="">
				</span>
				<h4 class="_mb-0 font-weight-semibold text-dark">
					<span >{{ $Title }}</span>
					<span class="d-block text-muted font-size-sm align-middle">{{ $subTitle }}</span>
				</h4>
			</div>
		</div>
			
		<div class="d-none breadcrumb-line breadcrumb-line-light header-elements-md-inline">
			<div class="ml-1 d-flex">
				<div class="xbtn btn-icon btn-group-action bg-transparent p-0 d-flex align-items-center">
					<a 	href="{{-- route('_spt_index') --}}" id="btn-back" style="_display:none"
						class="hover-box text-muted px-2 py-1" 
						data-placement="top" data-popup="tooltip" data-trigger="hover" 
						data-original-title="Daftar SPT" style="width: 1.25rem; height: 1.25rem;">
						<i class="mi-arrow-back" style="font-size: 24px;"></i>
					</a>
				</div>
				<div class="xbtn btn-icon btn-group-action bg-transparent p-0 d-flex align-items-center">
					<a 	href="javascript:void(0)" id="btn-delete" style="_display:none"
						class="btn-delete btn-group-select hover-box text-muted px-2 py-1" 
						data-placement="top" data-popup="tooltip" data-trigger="hover" 
						data-original-title="Hapus" style="width: 1.25rem; height: 1.25rem;">
						<i class="mi-delete-sweep" style="font-size: 24px;"></i>
					</a>
				</div>
				<div class="xbtn btn-icon btn-group-action bg-transparent btn-group-select breadcrumb-elements-item dropdown p-0">
					<a 	href="javascript:void(0)" id="btn-status" _style="_display:none"
						class="hover-box text-muted px-2 py-1 breadcrumb-elements-item _dropdown-toggle" 
						data-toggle="dropdown" 
						data-placement="top" data-popup="tooltip" data-trigger="hover" 
						data-original-title="Ubah Status">
						<i class="mi-archive" style="font-size: 24px;"></i>
					</a>
					<div class="dropdown-menu dropdown-menu-right">
						<a href="javascript:void(0);" class="update-status dropdown-item" data-status="konsep">
							<i class="icon-file-empty2"></i> Konsep
						</a>
						<a href="javascript:void(0);" class="update-status dropdown-item" data-status="terbit">
							<i class="icon-file-check2"></i> Terbit
						</a>
						<div class="dropdown-divider"></div>
						<a href="javascript:void(0);" class="update-status dropdown-item" data-status="batal">
							<i class="icon-file-minus2"></i> Batal
						</a>
					</div>
				</div>
				<div class="xbtn btn-icon btn-group-action bg-transparent p-0 d-flex align-items-center">
					<a 	href="{{-- route('_admin_pdf_spt', ['id' => \Crypt::encryptString($data->id) ]) --}}" id="btn-print" 
						style="_display:none" target="_blank"
						class="btn-print hover-box text-muted px-2 py-1" 
						data-placement="top" data-popup="tooltip" data-trigger="hover" 
						data-original-title="Cetak SPT" style="width: 1.25rem; height: 1.25rem;" >
						<i class="mi-print" style="font-size: 24px;"></i>
					</a>
				</div>
			</div>
		</div>
	</div>
	{{-- 
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="x_page-title d-flex">
				<h4 class="mt-2">
					<span class="font-weight-semibold">{{ $Title }}</span>
				</h4>
			</div>
		</div>
	</div>
	--}}
@endif
@endsection

@section('content') 
@if(empty($permit))
	<div class="flex-fill">
		<div class="text-center mb-3">
			<h1 class="error-title offline-title">Error Page</h1>
			<h5>Maaf, Halaman yang anda cari tidak ditemukan.. </h5>
		</div>
	</div>
@else		
	{{-- 
	<div class="flex-fill">
		<div class="text-center mb-3">
			<h1 class="error-title offline-title">Under Maintenance</h1>
			<h5 class="font-weight-semibold text-danger">
				Masih dalam Pengembangan
			</h5>
		</div>
	</div>
	--}}
	<div class="_card">		
		<div class="mb-0">
			<div class="row justify-content-md-center nav-tabs-bottom">
				<div class="col col-lg-12 col-xl-12 col-sm-12 x_p-3">
					<div class="card card-gtheme p-0">
						<div class="card-body">
						<div class="row justify-content-md-center nav-tabs-bottom">	
							
							<div class="col-lg-3 col-xl-3 col-sm-6 col-xs-12 p-3">
								<a href="{{ route('kpi.perform.gantt') }}" class="text-primary nav-link">
									<div class="bg-transparent">
										<div class="text-center">
											<div class="card-img-actions d-inline-block">
												<img class="mt-2 mb-1 bg-gtheme" src="{{ asset('global_assets/images/icon/slack_96.png') }}" alt="icon"> 
											</div>
											<h6 class="products-grid-item-title font-weight-semibold mb-0">Layanan IT</h6>
											<span class="products-grid-item-description d-block opacity-75">Gantt Layanan IT</span>
										</div>
									</div>
								</a>
							</div>
							@if( !empty($akses['Tsi']) and $akses['Tsi']==true )
							<div class="col-lg-3 col-xl-3 col-sm-6 col-xs-12 p-3">
								<a href="{{ route('kpi.perform.task') }}" class="text-primary nav-link">
									<div class="bg-transparent">
										<div class="text-center">
											<div class="card-img-actions d-inline-block">
												<img class="mt-2 mb-1 bg-gtheme" src="{{ asset('global_assets/images/icon/word_96.png') }}" alt="icon"> 
											</div>
											<h6 class="products-grid-item-title font-weight-semibold mb-0">Worker Task</h6>
											<span class="products-grid-item-description d-block opacity-75">Gantt Worker Layanan IT</span>
										</div>
									</div>
								</a>
							</div>
							@endif
						
						</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
@endif
@endsection

@push('scripts')
	<!-- Theme JS files -->
		<script src="{{ asset('global_assets/js/plugins/tables/datatables/datatables.min.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/tables/datatables/extensions/fixed_header.min.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/tables/datatables/extensions/col_reorder.min.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/tables/datatables/extensions/responsive.min.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/forms/selects/select2.min.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/extensions/rowlink.js') }}"></script>
		<script src="{{ asset('global_assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
	<!-- /theme JS files -->

	<script type="text/javascript">
	$(document).ready(function() {
		@if( !empty($akses))
			console.log({!! json_encode($akses) !!});
		@endif		
	});
	</script>
@endpush