@extends('layouts.public_layout')
@section('title', $title)
@section('content')
		<div class="container-fluid">
			<div class="page-title">
				<h4>FOA <span class="fas fa-angle-right"> </span> PCDs/IPCRs </h4>
				<div class="button-wrapper">
					<a class="btn btn-primary btn-sm" href="{{ route('pcds.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">Semester</span>
						</div>						
						<select class="form-control" name="q2" id="q2">
							@include('subviews.select', ['rows' => $sem, 'label' => 'sem_name', 'value' => 'sem_id', 'selected' => $q2, '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">
						<div class="input-group-prepend">
							<span class="input-group-text">Functional Unit</span>
						</div>
						<select class="form-control" name="q3" id="q3">
							@include('subviews.select', ['rows' => $fus, 'prelabel' => 'fu_abbr', 'label' => 'fu_name', 'value' => 'fu_id', 'selected' => $q3, '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>&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">Semester @sorter('semester', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Functional Unit @sorter('fu', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Prepared By @sorter('preparer', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Reviewed By @sorter('reviewer', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Approved By @sorter('approver', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap">Remarks</th>
							<th class="text-center text-nowrap sortable-header">Created @sorter('created', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Updated @sorter('updated', $sortBy, $sortDir) </th>
						</tr>
					</thead>
					<tbody>