@extends('layouts.public_layout')
@section('title', $title)
@section('content')
	<div class="container-fluid">
		@include('csfs.tabs', ['csf' => $row, 'active' => 0])
		<div class="page-title">
			<h4> CSF <span class="fas fa-angle-right"> </span> Details</h4>
			<div class="button-wrapper">
	     		<a class="btn btn-primary btn-sm" href="{{ route('csfs.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
		@if ($errors->any())
			<div class="alert alert-info alert-dismissible fade show" role="alert">
		        <ul>
		            @foreach ($errors->all() as $error)
		                <li>{{ $error }}</li>
		            @endforeach
		        </ul>
				<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
		    </div>
		@endif		
		<div>
				<div class="form-row">
					<div class="form-group col">
						<label for="fu_id">Functional Unit</label>
						<div class="form-control">{{ $row->fu_name }}</div>
					</div>

					<div class="form-group col">
						<label for="year">Year</label>
						<div class="form-control">{{ $row->year }}</div>
					</div>

					<div class="form-group col">
						<label for="qtr">Quarter</label>
						<div class="form-control">{{ $row->qtr_name }}</div>
					</div>
				</div>

				<div class="form-row">
					<div class="form-group col">
						<label for="total">Total</label>
						<div class="form-control">{{ $row->total }}</div>
					</div>

					<div class="form-group col">
						<label for="male">Male</label>
						<div class="form-control">{{ $row->male }}</div>
					</div>

					<div class="form-group col">
						<label for="female">Female</label>
						<div class="form-control">{{ $row->female }}</div>
					</div>

					<div class="form-group col">
						<label for="senior">Senior</label>
						<div class="form-control">{{ $row->senior }}</div>
					</div>

					<div class="form-group col">
						<label for="pwd">Pwd</label>
						<div class="form-control">{{ $row->pwd }}</div>
					</div>
				</div>
				<h4>Customer Classification</h4>
				<div class="form-row">
					<div class="form-group col">
						<label for="student">Students</label>
						<div class="form-control">{{ $row->student }}</div>
					</div>
					<div class="form-group col">
						<label for="government">Government Employees</label>
						<div class="form-control">{{ $row->government }}</div>
					</div>
					<div class="form-group col">
						<label for="business">Business</label>
						<div class="form-control">{{ $row->business }}</div>
					</div>
					<div class="form-group col">
						<label for="home">Homemakers</label>
						<div class="form-control">{{ $row->home }}</div>
					</div>
					<div class="form-group col">
						<label for="enterpreneur">Enterpreneurs</label>
						<div class="form-control">{{ $row->enterpreneur }}</div>
					</div>
				</div>
				<div class="form-row">
					<div class="form-group col">
						<label for="media">Media</label>
						<div class="form-control">{{ $row->media }}</div>
					</div>
					<div class="form-group col">
						<label for="private">Private Organizations</label>
						<div class="form-control">{{ $row->private }}</div>
					</div>
					<div class="form-group col">
						<label for="people">Peoples Organizations</label>
						<div class="form-control">{{ $row->people }}</div>
					</div>
					<div class="form-group col">
						<label for="others">Others</label>
						<div class="form-control">{{ $row->others }}</div>
					</div>
					<div class="form-group col">
						<label for="others_name">If Others, pls. specify</label>
						<div class="form-control">{{ $row->others_name }}</div>
					</div>
				</div>
				<h4>Customer Rating</h4>
				<div class="form-row">
					<div class="form-group col">
						<label for="s5">No. of Customers Who Rated 5</label>
						<div class="form-control">{{ $row->s5 }}</div>
					</div>
					<div class="form-group col">
						<label for="s4">No. of Customers Who Rated 4</label>
						<div class="form-control">{{ $row->s4 }}</div>
					</div>
					<div class="form-group col">
						<label for="s3">No. of Customers Who Rated 3 & Below</label>
						<div class="form-control">{{ $row->s3 }}</div>
					</div>
				</div>
				<h4>Customer Rating</h4>
				<div class="form-row">
					<div class="form-group col">
						<label for="responsedelivery">Response Delivery</label>
						<div class="form-control">{{ $row->responsedelivery }}</div>
					</div>
					<div class="form-group col">
						<label for="workquality">Work Quality</label>
						<div class="form-control">{{ $row->workquality }}</div>
					</div>
					<div class="form-group col">
						<label for="personnelqualities">Personnel Qualities</label>
						<div class="form-control">{{ $row->personnelqualities }}</div>
					</div>
					<div class="form-group col">
						<label for="overall">Overall</label>
						<div class="form-control">{{ $row->overall }}</div>
					</div>
				</div>

				<div class="form-group">
					<label  for="file">Attachment</label>
					<div class="form-control">
					@if (strlen($row->filename) > 0)
					<a href="{{ route('csfs.getfile', ['id' => $row->chk_id, 'filename' => $row->filename ]) }}" target="_blank"><span class="fas fa-file-download"> </span> {{ $row->oldfilename }} </a>
					@endif
					</div>
				</div>

				<div class="form-group">
					<label class="font-weight-bold" for="comments">Comments</label>
					<div class="form-control"> 
						{{ $row->comments }}
					</div>
				</div>
		</div>
	</div>

@endsection