@extends('layouts.public_layout')

@section('title', 'Audit Findings')
@section('content')

<div class="container-fluid flex-grow-1 flex-shrink=1">
	<div class="page-title">
		<h4>Audit Findings </h4>
		<hr class="mt-0">
	</div>
	@if (strlen($msg) > 0)
		<div class="alert alert-info alert-dismissible fade show" role="alert">
		  {{ $msg }}
		  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		    <span aria-hidden="true">&times;</span>
		  </button>
		</div>
	@endif

	<div class="pb-1">
		<div class="row mb-1">
				<div class="col-md-4">
					<canvas class="trends_canvas ncs-graph" data-color="#03a9f4" data-title="Nonconformities" data-years="{{ $nc_years }}" data-values="{{ $nc_counts }}"></canvas>
				</div>

				<div class="col-md-4">
					<canvas class="trends_canvas ofis-graph" data-color="#ff5722" data-title="Opporunities for Improvement" data-years="{{ $ofi_years }}" data-values="{{ $ofi_counts }}"></canvas>
				</div>

				<div class="col-md-4">
					<canvas class="trends_canvas pfs-graph" data-color="#e91e63" data-title="Positive Findings" data-years="{{ $pf_years }}" data-values="{{ $pf_counts }}"></canvas>
				</div>
		</div>
	</div>
</div>

@endsection