@extends('layouts.public_layout')
@section('title', $title)
@section('content')
		<div class="container-fluid">
			<div class="page-title">
				<h4>CSF </h4>
				<div class="button-wrapper">
					<a class="btn btn-primary btn-sm" href="{{ route('csfs.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">
						<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 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">Quarter @sorter('qtr', $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">Total @sorter('total', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Male @sorter('male', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Female @sorter('female', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Senior Citizen @sorter('senior', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">PWD @sorter('pwd', $sortBy, $sortDir) </th>
							
							<th class="text-center text-nowrap sortable-header">Students @sorter('student', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Government Employees @sorter('government', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Business @sorter('business', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Homemakers @sorter('home', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Enterpreneurs @sorter('enterpreneur', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Media @sorter('media', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Private Organizations @sorter('private', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Peoples Organizations @sorter('people', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Others @sorter('others', $sortBy, $sortDir) </th>

							<th class="text-center text-nowrap sortable-header"># of 5 Ratings @sorter('s5', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header"># of 4 Ratings @sorter('s4', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header"># of 3 & Below Ratings @sorter('s3', $sortBy, $sortDir) </th>

							<th class="text-center text-nowrap sortable-header">Responsive Delivery @sorter('responsivedelivery', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Work Quality @sorter('workquality', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Personnel Qualities @sorter('personnelqualities', $sortBy, $sortDir) </th>
							<th class="text-center text-nowrap sortable-header">Overall @sorter('overall', $sortBy, $sortDir) </th>



							<th class="text-center text-nowrap">Attachment</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>