@extends('templates.adminlte3.layout')

@section('title', 'Laporan')

@section('css')
	@include('schedule::templates.adminlte3.Partials.css')
	<style type="text/css">
		#data2_wrapper {
			padding-top: 10px;
		}
		.custom-file, .custom-file > .custom-file-input,  .custom-file > .custom-file-label{
			height: calc(2rem) !important;
			padding: .275rem .75rem !important;
		}
		.custom-file-label {
			background-color: #e9ecef !important;
		}
		.custom-file-label::after {
			height: 1.9rem !important;
			padding: .275rem .75rem !important;
			background-color: #007bff !important;
			color: #ffffff !important;
		}
		.info-box {
			min-height: 49px !important;
			width: 100%;
		}
		.info-box .info-box-icon {
			width: 40px !important;
		}
	</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 active">Laporan</li>
	</ol>
@stop

@section('content')
<div class="row">
	@foreach(config('schedule.laporan') AS $key => $value)
		<div class="col-md-4 col-sm-6 col-12">
			<button type="button" class="btn info-box laporan" data-id="{{ $value['id'] }}" data-name="{{ $value['name'] }}" data-has-form="{{ $value['has_form'] }}">
				<span class="btn info-box-icon {{ $value['background'] }}">
					<i class="{{ $value['icon'] }}"></i>
				</span>
				<div class="info-box-content">
					<span class="info-box-text">{{ $value['name'] }}</span>
				</div>
			</button>
		</div>
	@endforeach
</div>

@foreach(config('schedule.laporan') AS $key => $value)
	@if($value['has_form'])
		@include('schedule::templates.adminlte3.laporan.form_modal.'.str_replace('-', '_', $value['id']))
	@endif
@endforeach

@stop

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