@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.open', ['id' => $row->nc_id]) }}" 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
		<form action="{{ route('ncs.saveaction', ['id' => $row->nc_id, 'action' => $act]) }}" method="POST" enctype="multipart/form-data">
		@csrf
		<div>
			<div class="border rounded p-1 mb-1">
				<div class="row">
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold ext-primary">NCAR No.</div>
						<div title="{{ $row->no }}">
						{{ $row->no }}
						</div>
					</div>
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold ext-primary">Date</div>
						<div>
						{{ $row->date }}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold">Audit Criteria (Clauses)</div>
						<div>
							{{ $row->clauses }}
						</div>
					</div>
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold">Initiator</div>
						<div>
						{!! App\Utils::format_name_list($row->auditors, 'badge badge-md bg-light py-1 mb-1 font-weight-normal') !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold">Type of Nonconformity</div>
						<div>
							<div class="badge badge-md badge-danger font-weight-normal">{{ $row->type_name }}</div>
							{!! App\Utils::format_name_list($row->origins, 'badge badge-md bg-light py-1 mb-1 font-weight-normal') !!}
						</div>
					</div>
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold">Relevant Function</div>
						<div>
						{!! App\Utils::format_name_list($row->auditees, 'badge badge-md bg-light py-1 mb-1 font-weight-normal') !!}
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col mr-1 mb-1">
						<div class="font-weight-bold">Status</div>
						<div>
						{{ $row->status_name }}
						</div>
					</div>
				</div>
			</div>	
			<div class="d-flex flex-row">
				<div class="form-group border p-2 mr-1 rounded flex-grow-1">
					<div class="font-weight-bold text-nowrap">Description of Nonconformity</div>
					<div class="small">(If applicable, Include relevant ISO 9001 clause/s for audit findings)</div>
										<br>
					<div>{!! $desc !!}</div>
				</div>

				@if ($row->acknowledgedby > 0)
				<div class="form-group border p-2 rounded text-nowrap nc-right-w">
					Acknowledged By :
					<br>
					{{ $row->acknowledgedby_name }}
					<br>
					<br>
					Date Acknowledged
					<br>
					{{ $row->acknowledgedby_date }}
					<div class="small text-secondary">
						{{ App\Utils::time_ago($row->acknowledgedby_date) }}
					</div>
				</div>
				@endif
			</div>

			@if (($act == 0) && ($row->status_id >= 1))
				<div class="d-flex flex-row">
					<div class="form-group flex-grow-1 border rounded px-2 mr-1">
						<label for="corr" class="font-weight-bold text-nowrap">Immediate Correction *</label>
						<textarea class="form-control" placeholder="Immediate Correction" required="required" rows="7" id="corr" name="corr">{{ old('corr', $row->corr) }}</textarea>
						<div class="invalid-feedback">@error('corr') {{ $errors->first('corr') }} @enderror</div>
					</div>
					<div class="form-group border rounded px-2 text-nowrap nc-right-w">
						<div class="form-group">
							<label for="corr_personreponsible" class="font-weight-bold text-nowrap">Person Responsible *</label>
							<select class="form-control chosen-select @error('corr_personreponsible') is-invalid @enderror" name="corr_personreponsible" id="corr_personreponsible">
								@include('subviews.select', ['rows' => $users, 'label' => 'full_name', 'value' => 'id', 'selected' => old('corr_personreponsible', optional($row)->corr_personreponsible), 'all' => '']);
							</select>
							<div class="invalid-feedback">@error('corr_personreponsible') {{ $errors->first('corr_personreponsible') }} @enderror</div>
						</div>
						<div class="form-group">
							<label for="corr_dateimplemented" class="font-weight-bold text-nowrap">Date Implemented *</label>
							<input class="form-control datepicker-input @error('corr_dateimplemented') is-invalid @enderror" placeholder="Date Implemented" type="text" maxlength="10" required="required" name="corr_dateimplemented" id="corr_dateimplemented" value="{{ old('corr_dateimplemented', optional($row)->corr_dateimplemented) }}">
							<div class="invalid-feedback">@error('corr_dateimplemented') {{ $errors->first('corr_dateimplemented') }} @enderror</div>
						</div>							
					</div>
				</div>

				<div class="d-flex flex-row">
					<div class="form-group border rounded px-2 mr-1 flex-grow-1">
						<label for="cause" class="font-weight-bold text-nowrap">Result of Investigation / Causes of Non-Conformity *</label>
						<textarea class="form-control" placeholder="Result of Investigation / Causes of Non-Conformity" required="required" rows="7" id="cause" name="cause">{{ old('cause', $row->cause) }}</textarea>
						<div class="invalid-feedback">@error('cause') {{ $errors->first('cause') }} @enderror</div>
					</div>
					<div class="form-group border rounded px-2 nc-right-w">
						<label for="cause_file" class="font-weight-bold text-nowrap">Root Cause Analysis Tool *</label>
						<div>
							@if (strlen($row->cause_filename) > 0)
								<a class="btn btn-xs btn-success" href="{{ route('ncs.getcausefile', ['id' => $row->ncs_id, 'filename' => $row->cause_filename ]) }}" target="_blank"><span class="fas fa-file-download"> </span> {{ $row->cause_oldfilename }} </a>
							@endif
						</div>
						<input class="form-control @error('cause_file') is-invalid @enderror" placeholder="Attachment" type="file" maxlength="255" name="cause_file" id="cause_file">
						<div class="invalid-feedback">@error('cause_file') {{ $errors->first('cause_file') }} @enderror</div>
					</div>
				</div>

				<div class="d-flex flex-row">
					<div class="form-group flex-grow-1 border rounded px-2 mr-1">
						<label for="planned_action" class="font-weight-bold text-nowrap">Planned Corrective Action (For Process Owner) *</label>
						<textarea class="form-control" placeholder="Planned Corrective Action" required="required" rows="7" id="planned_action" name="planned_action">{{ old('planned_action', $row->planned_action) }}</textarea>
						<div class="invalid-feedback">@error('planned_action') {{ $errors->first('planned_action') }} @enderror</div>
					</div>
					<div class="form-group border rounded px-2 text-nowrap nc-right-w">
						<div>
							<label for="planned_completiondate" class="font-weight-bold text-nowrap">Agreed Date of Completion *</label>
							<input class="form-control datepicker-input @error('planned_completiondate') is-invalid @enderror" placeholder="Agreed Date of Completion" type="text" maxlength="10" required="required" name="planned_completiondate" id="planned_completiondate" value="{{ old('planned_completiondate', optional($row)->planned_completiondate) }}">
							<div class="invalid-feedback">@error('planned_completiondate') {{ $errors->first('planned_completiondate') }} @enderror</div>
						</div>							
					</div>
				</div>
			@else
				@if ($row->corr != null)
				<div class="d-flex flex-row">
					<div class="form-group flex-grow-1 border rounded px-2 mr-1">
						<div class="font-weight-bold text-nowrap">Immediate Correction</div>