@extends('layouts.public_layout')
@section('title', $title)
@section('content')
	<div class="container-fluid">
		@include('apns.tabs', ['apn' => $apn, 'active' => 6])
		<div class="page-title">
			<h4>IQA <span class="fas fa-angle-right"> </span> {{ $apn->title }} <span class="fas fa-angle-right"> </span> NCAR #{{ $row->no }}</h4>
			<div class="button-wrapper">
	     		<a class="btn btn-primary btn-sm" href="{{ route('apnncs.open', ['apnid' => $apn->apn_id, 'id' => $row->nc_id]) }}" title="Back"><span class="fas fa-caret-left"> </span> Back</a>
			</div>
			@include('apnncs.info', ['row' => $row])			
		</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-danger">
		        <ul>
		            @foreach ($errors->all() as $error)
		                <li>{{ $error }}</li>
		            @endforeach
		        </ul>
		    </div>
		@endif		
		
		<form action="{{ route('apnncs.saveaction', ['apnid' => $apn->apn_id, 'id' => $row->nc_id, 'action' => $act]) }}" method="POST" enctype="multipart/form-data">
		@csrf
		<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))
					<a href="#" name="step1"></a>

					<div class="d-flex flex-row border border-success py-2">
						<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 * <small class="text-primary">PDF Only</small></label>
							<div>
								@if (strlen($row->cause_filename) > 0)
									<a class="btn btn-xs btn-success" href="{{ route('apnncs.getcausefile', ['id' => $row->ncs_id]) }}" target="_blank"><span class="fas fa-file-download"> </span> {{ $row->cause_oldfilename }} </a>
								@endif
							</div>
							<div class="input-group">
							  	<div class="input-group-prepend">
							    	<span class="input-group-text" id="cause-file-input"><span class="fas fa-paperclip"> </span></span>
							  	</div>
							  	<div class="custom-file">
								    <input type="file" class="custom-file-input @error('cause_file') is-invalid @enderror" name="cause_file" id="cause_file" aria-describedby="cause-file-inputgroup">
							   		<label class="custom-file-label" for="file">Attach Root Cause Analysis Tool...</label>
							  	</div>
							</div>
							<div class="invalid-feedback">@error('cause_file') {{ $errors->first('cause_file') }} @enderror</div>
						</div>
					</div>
			@else
				@if ($row->cause != null)
				<div class="d-flex flex-row">
					<div class="form-group border rounded px-2 mr-1 flex-grow-1">
						<div class="font-weight-bold text-nowrap">Result of Investigation / Causes of Non-Conformity</div>