@extends('Layouts/dashboard')
@section('submenu')
	<div class="navbar navbar-default">
			<ul class="nav navbar-nav">
				<li><h2 class="m">{{ __('Reports') }}</h2></li>
			</ul>
	</div>
@endsection
@section('content')
	@if (isset($error) && $error)
		<h2 class="text-center">
			{{ $error }}
		</h2>
	@else 
		<div class="row reports" data-url="{{ action('DbReport/ReportsController@secure_loading.json') }}">
			<div class="col-lg-9 col-md-12">
				<div class="row">
					@php
						$i = 0;
					@endphp
					@foreach ($reports as $key => $report)
						@php
							if (!isset($colors[$i])) {
								$i = 0;
							}
						@endphp
						<div class="col-md-4">
							<div class="report-box">
								<a 
									href="{{ $report->link }}" 
									class="report-range-selector multi" 
									@if (isset($report->span) && $report->span)
										data-span="{{ $report->span }}"
									@else
										data-span="31"
									@endif
								>
									<h3>
										<span style="color: {{ isset($report->color) ? $report->color : $colors[$i] }}">
										<i
											class="fa {{ isset($report->icon) ? $report->icon : 'fa-pie-chart' }}"
											aria-hidden="true"
										></i>
										</span>
										{{ $report->name }}
									</h3>
									<p>{{ $report->description }}</p>
								</a>
							</div>
						</div>
						@php
							$i++;
						@endphp
					@endforeach
				</div>
			</div>
		</div>
		<div class="loading-reports text-center hidden">
			<h2>@t("The report is being generated. Please wait...")</h2>
		</div>
	@endif
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
@endsection