@extends('layouts.public_layout')
@section('title', $title)
@section('content')
		<div class="container-fluid">
			<div class="page-title">
				<h4>CSF <span class="fas fa-angle-right"> </span> Summaries <span class="fas fa-angle-right"> </span> Details </h4>
				<div class="button-wrapper">
					<a class="btn btn-primary btn-sm" href="{{ route('csfsummaries.list') }}" title="Back"><span class="fas fa-caret-left"> </span> Back</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">
						<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, 'prelabe' => 'fu_abbr', 'label' => 'fu_name', 'value' => 'fu_id', 'selected' => $q3, 'all' => 'All']);
						</select>
					</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 class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
							<th colspan="4" class="text-center text-nowrap border-bottom border-left border-right">Average Rating</th>
							<th class="border-bottom">&nbsp;</th>
							<th class="border-bottom">&nbsp;</th>
						</tr>
						<tr> 
							<th>&nbsp;</th>
							<th class="text-center">#</th>
							<th class="text-center text-nowrap sortable-header">Year @sorter('year', $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">Service Center / Provincial Office / Division / Unit @sorter('fu', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">No. of Customers / Responses @sorter('total', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">% of Customers Rated VS or Higher @sorter('s5s4', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap border-left sortable-header">Promptness @sorter('responsivedelivery', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Quality @sorter('workquality', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Attitude of Staff @sorter('personnelqualities', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap border-right sortable-header">Overall Perception / Rating @sorter('overall', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Customer rating Rating @sorter('overall', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap">Adjectival Rating </th>
						</tr>
					</thead>
					<tbody>