@php
use \koolreport\widgets\koolphp\Table;
@endphp

@extends('layouts.dashboard')

@section('title', 'Reports')

@section('content')

@section('myJS')
<link href="{{url('/')}}/css/card.css?v=2.1.1" rel="stylesheet" />
@endsection

<section class="pd">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="panel panel-default">
					<div class="panel-body">
						<div class="row">
							@foreach($reportcats as $reportcat)
							<div class="col-lg-3 col-md-3 col-sm-3">
								<div class="card card-stats reportCard">
									<div class="card-header card-header-success card-header-icon">
										@if ($reportcat->ReportCategoryColor == "orange")
										<div class="card-icon card-header-warning">
											@else
											<div class="card-icon card-grey">
												@endif
												<i class="text-white {{ $reportcat->ReportCategoryIcon}}"></i>
											</div>
											<h2>{{ $reportcat->ReportCategoryName }}</h2>
											@foreach($reports as $report)
												@if($report->ReportCategoryID == $reportcat->ReportCategoryID)
													<div class="h3-left">
														<a href="{{ url('/')}}/showReport/{{$report->ReportID}}">{{ ucwords($report->ReportName) }}</a>
													</div>
													<div class="report-left col-md-6 text-left">
														{{ $report->ReportDescription }}
													</div>
												@endif
											@endforeach
										</div>
									</div>
								</div>
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	
@endsection