@extends('layouts.public_layout')
@section('title', $title)
@section('content')
		<div class="container-fluid">
			<div class="page-title">
				<h4>IQA <span class="fas fa-angle-right"> </span> NCAR </h4>
				<div class="button-wrapper">
					<a class="btn btn-primary btn-sm" href="{{ route('ncs.add') }}" title="Add"><span class="fas fa-plus"> </span> Add Item</a>
				</div>
				<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">
				<form class="form-inline" method="POST" action="{{ url()->current() }}">
					@csrf

					<div class="input-group input-group-sm mr-1">
						<div class="input-group-prepend">
							<span class="input-group-text">Year</span>
						</div>						
						<select class="form-control" name="q1" id="q1">
							@include('subviews.select', ['rows' => $yrs, 'label' => 'year', 'value' => 'year', 'selected' => $q1, 'all' => 'All']);
						</select>
					</div>

					<div class="input-group input-group-sm mr-1">
						<div class="input-group-prepend">
							<span class="input-group-text">Quarter</span>
						</div>						
						<select class="form-control" name="q2" id="q2">
							@include('subviews.select', ['rows' => $qtr, 'label' => 'qtr_name', 'value' => 'qtr_id', 'selected' => $q2, 'all' => 'All']);
						</select>
					</div>

					<div class="input-group input-group-sm mr-1">
						<input class="form-control" type="text" placeholder="Search" name="q" id="q" maxlength="255" value="{{ $q }}">
					</div>
					<div class="input-group input-group-sm">
						<input class="btn btn-primary btn-sm" type="submit" name="search-btn" id="search-btn" value="Search">
					</div>
				</form>
			</div>
			<div class="text-right">
				@include('subviews.pager', ['rows' => $rows])
			</div>
			<div class="table-responsive">
				<table class="table table-striped table-hover table-condensed mb-0">
					<thead>
						<tr> 
							<th width="5%">&nbsp;</th>
							<th class="text-center">#</th>
							<th class="text-center text-nowrap sortable-header">Date @sorter('date', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Year @sorter('year', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Month @sorter('month', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Quarter @sorter('qtr', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">NCAR # @sorter('no', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Type @sorter('type', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Process Unit @sorter('auditees', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Audit Criteria @sorter('clauses', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Findings Statement @sorter('desc', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Auditor/Initiator @sorter('auditors', $sortBy, $sortDir) </th>
							<th width="10%" class="text-center text-nowrap sortable-header">Agreed Completion Date @sorter('completion', $sortBy, $sortDir) </th>
							<th width="10%" class="text-center text-nowrap sortable-header">Verified On @sorter('verifiedon', $sortBy, $sortDir) </th>
							<th width="10%" class="text-center text-nowrap sortable-header">Closed On @sorter('closedon', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Status @sorter('status', $sortBy, $sortDir) </th>
							<th width="10%" class="text-center text-nowrap sortable-header">Created @sorter('created', $sortBy, $sortDir) </th>
							<th width="10%" class="text-center text-nowrap sortable-header">Updated @sorter('updated', $sortBy, $sortDir) </th>
						</tr>
					</thead>
					<tbody>