@extends('layouts.master')

@section('styles')

@endsection

@section('content')
	<div class="row">
		<div class="col-12">
			<div class="card card-main">

				<div class="card-header header-elements-inline text-center">
					<div class="mx-auto">
						<h1 class="card-title mt-2 font-weight-semibold">8 Disciplines Report</h1>
						<h4 class="card-title"><a href="/supqlity/qpr/show/{{$report->qpr_id}}"> QPR {{$report->qpr->qpr_name}}</a></h4>
					</div>
					<div class="header-elements">
						<div class="list-icons">
							{{-- <a class="btn btn-outline-primary rounded-round" data-toggle="collapse" href="#info_collapse"><i class="icon-info22 mr-2"></i>More Info</a> --}}
		            	</div>
		        	</div>					
				</div>				
				<div class="card-body">
					<div class="collapse" id="info_collapse">
						<p> 
							• <br>
							• <br>
							• <br>
							• 
						</p>	
					</div>	

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->approved_at ? 'border-success' : 'border-primary'}}">
								<div class="card-header header-elements-inline {{$report->approved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >								
									<h5 class="card-title mx-auto">General Information</h5>								
								</div>
								<div class="card-body text-center">
									<div class="row">
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->qpr->supplier->name}}</h6>
  											<span class="text-muted">Supplier</span>
										</div>										
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->created_at_dmy}}</h6>
  											<span class="text-muted">Report Created At</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->qpr->part_number ?? '--'}}</h6>
  											<span class="text-muted">Katcon Part Number</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->qpr->part_name ?? '--'}}</h6>
  											<span class="text-muted">Katcon Part Name</span>
										</div>																				
									</div>
									<div class="row">
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0"><span class="badge badge-{{$report->status_color}}">{{$report->status_name}}</span></h6>
  											<span class="text-muted">Status</span>											
										</div>						
										<div class="col-md-3 col-6 my-2">
											@if($report->approved_at)
											<h6 class="mb-0">{{$report->approver->full_name}}</h6>
											@else
											<h6 class="mb-0">--</h6>
											@endif
  											<span class="text-muted">Approved By</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->approved_at ? $report->approved_at_dmy : '--' }}</h6>
  											<span class="text-muted">Approved At</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<div class="progress"><div class="progress-bar bg-{{$report->status_color}}" role="progressbar" style="width: {{$report->progress}}%;" aria-valuenow="{{$report->progress}}" aria-valuemin="0" aria-valuemax="100"></div></div>
											<span class="text-muted">Progress</span>
										</div>														
									</div>
									<div class="row">
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->full_saved_days ?? '--'}}</h6>
  											<span class="text-muted">Days Elapsed Until Full Saved</span>											
										</div>						
										<div class="col-md-3 col-6 my-2">
											@if($report->full_saved_at)
											<h6 class="mb-0">{{$report->saverFull->full_name}}</h6>
											@else
											<h6 class="mb-0">--</h6>
											@endif
  											<span class="text-muted">Full Report Saved By</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->full_saved_at ? $report->full_saved_at_dmy : '--' }}</h6>
  											<span class="text-muted">Full Report Saved At</span>
										</div>
										<div class="col-md-3 col-6 my-2">
											<h6 class="mb-0">{{$report->last_supplier_editable_at_dmy }}</h6>
											<span class="text-muted">Last Date Opened</span> 											
										</div>										
									</div>		
									<div class="row">
										<div class="col-md-3 col-6 my-2">
											@if($report->expiration_applied_at != null)
												<h6 class="mb-0">{{$report->expiration_applied_at->format('d/m/Y') }}</h6>
  												<span class="text-muted">Expiration Full 8D Report Planned At</span>
  											@elseif(!$report->isSaved() && $report->expiration_planned_at != null)
												<h6 class="mb-0 text-danger">{{$report->expiration_planned_at->format('d/m/Y H:i') }}</h6>
  												<span class="text-muted">Expiration Full 8D Report Planned At</span>  											
											@endif								
										</div>
										<div class="col-md-3 col-6 my-2">
											@if($report->first_response_penalty_applied_at != null)
												<h6 class="mb-0">{{$report->first_response_penalty_applied_at->format('d/m/Y') }}</h6>
  												<span class="text-muted">Penalty One D Applied At</span>
  											@elseif(!$report->first_response_saved_at && $report->first_response_penalty_planned_at != null)
												<h6 class="mb-0 text-danger">{{$report->first_response_penalty_planned_at->format('d/m/Y H:i') }}</h6>
  												<span class="text-muted">Penalty One D Planned At</span>  											
											@endif								
										</div>
									</div>																
									<div class="row">
										<div class="col-md-6 my-3">
											<form id="multidisciplinary_team_form">
												<input type="hidden" name="id" value="{{$report->id}}">
												<div class="form-group row">
													<label class="col-form-label col-md-4">Multidisciplinary Team</label>
													<div class="col-md-7">
														<input name="multidisciplinary_team" readonly type="text" class="form-control" required value="{{ $report->multidisciplinary_team }}">
													</div>
													<div class="col-md-1">
														<button type="submit" style="display: none" class="btn btn-default btn-outline bg-success text-success btn-icon btn-ladda btn-ladda-spinner" data-style="zoom-in" data-spinner-color="gray" tabindex="0"><i class="icon-checkmark3"></i></button>
														<button type="button" class="btn btn-default btn-outline bg-primary text-primary btn-icon edit" tabindex="0"><i class="icon-pencil5"></i></button>
													</div>
												</div>
											</form>
										</div>
										<div class="col-md-6 my-3">
											<form id="area_where_applies_form">
												<input type="hidden" name="id" value="{{$report->id}}">
												<div class="form-group row">
													<label class="col-form-label col-md-4">Area where the action applies</label>
													<div class="col-md-7">
														<input name="area" readonly type="text" class="form-control" required value="{{ $report->area }}">
													</div>
													<div class="col-md-1">
														<button type="submit" style="display: none" class="btn btn-default btn-outline bg-success text-success btn-icon btn-ladda btn-ladda-spinner" data-style="zoom-in" data-spinner-color="gray" tabindex="0"><i class="icon-checkmark3"></i></button>
														<button type="button" class="btn btn-default btn-outline bg-primary text-primary btn-icon edit" tabindex="0"><i class="icon-pencil5"></i></button>
													</div>													
												</div>											
											</form>
										</div>
									</div>
									@if(  $user->is_internal)
									<div class="row">
										<div class="col-md-6 my-2">
											@if( $report->isOpen())
												<button id="approve_report_button" class="btn bg-success btn-ladda btn-ladda-spinner"  data-style="zoom-in"><i class="icon-checkmark3 mr-2"></i>Approve 8D Report</button>
											@endif
										</div>
										<div class="col-md-6 my-2">
											<form id="dissaprove_report_form">
												<input type="hidden" name="id" value="{{$report->id}}" >
													<button class="btn bg-danger btn-ladda btn-ladda-spinner"  data-style="zoom-in"><i class="icon-cross2 mr-2"></i>Disapprove 8D Report</button>
											</form>
										</div>
									</div>
									@endif
									<div class="row">
										<div class="col-8 offset-2">
											@if($user->is_internal)
												<div class="my-3">
													<textarea name="disapproval_reason" class="form-control {{$report->disapproval_reason ? 'border-danger' : ''}}" required>{{$report->disapproval_reason}}</textarea>
													<span class="text-muted">Disapproval Reason</span>
												</div>
											@elseif($report->disapproval_reason)
												<div class="border-1 py-2 border-danger rounded">
													<h6 class="mb-0">{{$report->disapproval_reason}}</h6>
		  											<span class="text-muted">Disapproval Reason</span>
												</div>
											@endif
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->one_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="one_d_form">
									<input type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->one_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">1. Concern Details</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<h6 class="font-weight-semibold">1a. Problem Description Current Situation - From Supplier's Perspective / Description (Must Attach photograph or sketch to the bottom of the form)</h6>
										<div class="row">
											<div class="col-md-7 col-12">
												<textarea {{$report->metaReadOnly('one')}} class="form-control" rows="14" cols="100" name="description" > {{$report->description}}</textarea>
											</div>
											<div class="col-md-5 col-12">
								        		<table class="table">
								        			<tbody>
								        				<tr>
								        					<td>Incident Date & Time</td>
								        					<td>
																<div class="input-group">
																	<span class="input-group-prepend">
																		<span class="input-group-text"><i class="icon-calendar2"></i></span>
																	</span>
																	<input {{$report->metaReadOnly('one')}} type="text" name="incident_date" class="form-control datepicker" value="{{$report->incident_at ? $report->incident_at->format('d/m/Y') : ''}}" >
																</div>
																<div class="input-group my-3">
																	<span class="input-group-prepend">
																		<span class="input-group-text"><i class="icon-alarm"></i></span>
																	</span>
																	<input style="{{$report->one_saved_at ? '':'background-color: white'}}" type="text" class="form-control timepicker" name="incident_time" id="timepicker_one_d" value="{{$report->incident_at ? $report->incident_at->format('h:i') : ''}}" {{$report->metaReadOnly('one')}} >
																</div>															
								        					</td>
								        				</tr>
								        				<tr>
								        					<td>Model:</td>
								        					<td><input {{$report->metaReadOnly('one')}} name="model" type="text" class="form-control" value="{{$report->model}}" ></td>
								        				</tr>
								        				<tr>
								        					<td>Quantity Affected:</td>
								        					<td><input {{$report->metaReadOnly('one')}} name="quantity" type="text" class="form-control" value="{{$report->quantity}}"></td>
								        				</tr>
								        				<tr>
								        					<td>Affected Lot No's.:</td>
								        					<td><input {{$report->metaReadOnly('one')}} name="affected_lot" type="text" class="form-control" value="{{$report->affected_lot}}"></td>
								        				</tr>
								        				<tr>
								        					<td>Recurrence:</td>
								        					<td>
																<div class="form-check form-check-switch">
																	<label class="form-check-label">
																		<input {{$report->metaReadOnly('one')}} name="recurrence" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->recurrence) checked @endif >
																	</label>
																</div>
								        					</td>
								        				</tr>
								        			</tbody>
								        		</table>
											</div>
										</div>
									</div>
									<div class="card-footer border-0 bg-transparent text-center">
										@if($report->first_response_saved_at && !$report->one_saved_at )
											<h5>First time saved at {{$report->first_response_saved_at_dmy}}, days elapsed: {{$report->first_response_saved_days}}</h5>
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save One D</button>
										@elseif(!$report->one_saved_at)
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save One D</button>
										@elseif($report->first_response_saved_at && $report->one_saved_at )
											<h5>First time saved at {{$report->first_response_saved_at_dmy}}, days elapsed: {{$report->first_response_saved_days}}</h5>
											<h5>Saved by {{$report->saverOne->full_name}} at {{$report->one_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->one_d_days}}</h6>			
										@else
											<h5>Saved by {{$report->saverOne->full_name}} at {{$report->one_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->one_d_days}}</h6>
										@endif
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->two_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="two_d_form">
									<input type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->two_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">2. Similar Part Consideration</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<h6 class="font-weight-semibold">Can the concern appear on other parts?</h6>
										<div class="table-responsive">
											<table class="table">
												<thead>
													<tr>
														<th>Consider</th>
														<th>Yes/No</th>
														<th style="min-width: 400px;">Comment/Result</th>
													</tr>
												</thead>
												<tbody>
											      	<tr>
		  												<td>Other Models</td>
		  												<td>
															<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('two')}} name="other_models_status"  type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->other_models_status) checked @endif>
																</label>
															</div>
														</td>
		  												<td>
															<textarea {{$report->metaReadOnly('two')}} name="other_models_comment" class="form-control">{{$report->other_models_comment}}</textarea>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Generic Parts</td>
		  												<td>
															<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('two')}} name="generic_parts_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->generic_parts_status) checked @endif>
																</label>
															</div>
														</td>
		  												<td>
															<textarea {{$report->metaReadOnly('two')}} name="generic_parts_comment" class="form-control">{{$report->generic_parts_comment}}</textarea>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Opposite hand</td>
		  												<td>
															<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('two')}} name="opposite_hand_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->opposite_hand_status) checked @endif>
																</label>
															</div>
														</td>
		  												<td>
															<textarea {{$report->metaReadOnly('two')}} name="opposite_hand_comment" class="form-control">{{$report->opposite_hand_comment}}</textarea>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td >Other</td>
		  												<td>
															<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('two')}} name="other_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->other_status) checked @endif>
																</label>
															</div>
														</td>
														<td>
															<textarea {{$report->metaReadOnly('two')}} name="other_comment" class="form-control">{{$report->other_comment}}</textarea>
		  												</td>										      	
		  											</tr>
											    </tbody>
											</table>
											<div class="card-footer border-0 bg-transparent text-center">
												@if(!$report->two_saved_at)
				        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Two D</button>
												@else
													<h5>Saved by {{$report->saverTwo->full_name}} at {{$report->two_saved_at_dmy}}</h5>
													<h6>Days elapsed until saved: {{$report->two_d_days}}</h6>
												@endif
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->three_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="three_d_form">
									<input type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->three_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">3. Initial Analysis</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<div class="table-responsive">           

											<table class="table">
												<thead>
		  											<tr>
		  												<th>Where should the non-conforming parts have been detected?</th>
		  												<th>Yes/No</th>
		  												<th>Reason for non-detection</th>
											      	</tr>
												</thead>
												<tbody>
											      	<tr>
		  												<td>During Process</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('three')}} name="during_process_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->during_process_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td>
		  													<div class="col-xs-4">
																<textarea {{$report->metaReadOnly('three')}} name="during_process_reason" class="form-control" cols="100">{{$report->during_process_reason}}</textarea>
															</div>
		  												</td>
											      	</tr>													
											      	<tr>
		  												<td>After manufacture (e.g. Final Inspection)</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('three')}} name="after_manufacture_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->after_manufacture_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td>
		  													<div class="col-xs-4">
																<textarea {{$report->metaReadOnly('three')}} name="after_manufacture_reason" class="form-control" cols="100">{{$report->after_manufacture_reason}}</textarea>
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Prior to dispatch</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('three')}} name="prior_to_dispatch_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->prior_to_dispatch_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td>
		  													<div class="col-xs-4">
																<textarea {{$report->metaReadOnly('three')}} name="prior_to_dispatch_reason" class="form-control" cols="100">{{$report->prior_to_dispatch_reason}}</textarea>
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Other (please state)</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('three')}} name="other_moment_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->other_moment_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td>
		  													<div class="col-xs-4">
																<textarea {{$report->metaReadOnly('three')}} name="other_reason" class="form-control" cols="100">{{$report->other_reason}}</textarea>
															</div>
		  												</td>
											      	</tr>
											    </tbody>
											</table>
											<div class="card-footer border-0 bg-transparent text-center">
												@if(!$report->three_saved_at)
				        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Three D</button>
												@else
													<h5>Saved by {{$report->saverThree->full_name}} at {{$report->three_saved_at_dmy}}</h5>
													<h6>Days elapsed until saved: {{$report->three_d_days}}</h6>
												@endif
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->four_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="four_d_form">
									<input {{$report->one_d_days}} type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->four_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">4. Temporary Countermeasures - Inmediate Action</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<h6 class="font-weight-semibold">What actions have been taken to prevent the delivery of reject parts to Plants/client?</h6>
										<div class="table-responsive">           
											<table class="table">
												<thead>
											    	<tr>
		    											<th>Consider</th>
		    											<th style="min-width: 250px;">Actions taken</th>
		    											<th style="min-width: 150px;">Qty OK</th>
		    											<th style="min-width: 150px;">Qty NG</th>
		    											<th style="min-width: 150px;">% Effective</th>
		  											</tr>
			 									</thead>
												<tbody>
		  											<tr>
		    											<td>Work in progress</td>
											        	<td><textarea {{$report->metaReadOnly('four')}} name="work_actions" rows="2" class="form-control">{{$report->work_actions}}</textarea></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="work_qty_ok" type="number" class="form-control" value="{{$report->work_qty_ok}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="work_qty_ng" type="number" class="form-control" value="{{$report->work_qty_ng}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="work_effective" type="number" class="form-control" value="{{$report->work_effective}}" ></td>
											      	</tr>
											      	<tr>
		    											<td>Stores stock</td>
											        	<td><textarea {{$report->metaReadOnly('four')}} name="stores_actions" rows="2" class="form-control">{{$report->stores_actions}}</textarea></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="stores_qty_ok" type="number" class="form-control" value="{{$report->stores_qty_ok}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="stores_qty_ng" type="number" class="form-control" value="{{$report->stores_qty_ng}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="stores_effective" type="number" class="form-control" value="{{$report->stores_effective}}" ></td>
											      	</tr>
											      	<tr>
		    											<td>Warehouse stock</td>
											        	<td><textarea {{$report->metaReadOnly('four')}} name="warehouse_actions" rows="2" class="form-control">{{$report->warehouse_actions}}</textarea></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="warehouse_qty_ok" type="number" class="form-control" value="{{$report->warehouse_qty_ok}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="warehouse_qty_ng" type="number" class="form-control" value="{{$report->warehouse_qty_ng}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="warehouse_effective" type="number" class="form-control" value="{{$report->warehouse_effective}}" ></td>
											      	</tr>											      	
											      	<tr>
		    											<td>Service parts</td>
											        	<td><textarea {{$report->metaReadOnly('four')}} name="service_actions" rows="2" class="form-control">{{$report->service_actions}}</textarea></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="service_qty_ok" type="number" class="form-control" value="{{$report->service_qty_ok}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="service_qty_ng" type="number" class="form-control" value="{{$report->service_qty_ng}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="service_effective" type="number" class="form-control" value="{{$report->service_effective}}" ></td>
											      	</tr>
											      	<tr>
		    											<td>Other</td>
											        	<td><textarea {{$report->metaReadOnly('four')}} name="other_actions" rows="2" class="form-control">{{$report->other_actions}}</textarea></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="other_qty_ok" type="number" class="form-control" value="{{$report->other_qty_ok}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="other_qty_ng" type="number" class="form-control" value="{{$report->other_qty_ng}}" ></td>
											        	<td><input {{$report->metaReadOnly('four')}} name="other_effective" type="number" class="form-control" value="{{$report->other_effective}}" ></td>
											      	</tr>
											      	<tr>
		    											<td colspan="2">
															<p class="font-weight-semibold">Temporary Countermeasure Details:</p>
															<textarea {{$report->metaReadOnly('four')}} name="temporary_countermeasures" class="form-control" rows="3">{{$report->temporary_countermeasures}}</textarea>
		    											</td>
											        	<td colspan="3">
											        		<table class="table bg-transparent">
											        			<tbody>
		    														<tr>
		    															<td> Delivery Date for 1st OK parts after temporary contermeasure</td>
		    															<td>
																			<div class="input-group">
																				<span class="input-group-prepend">
																					<span class="input-group-text"><i class="icon-calendar2"></i></span>
																				</span>
		    																	<input {{$report->metaReadOnly('four')}} name="delivery_date" type="text" class="form-control datepicker" value="{{$report->delivery_date ? $report->delivery_date->format('d/m/Y') : ''}}" >
																			</div>	    																
		    															</td>
		    														</tr>
		    														<tr>
		    															<td colspan="2">How are OK parts identified? (Must attach label photograph to the bottom of the form)</td>
		    														</tr>
		    													</tbody>
											        		</table>
											        	</td>
											      	</tr>
											    </tbody>
											</table>
											<div class="card-footer border-0 bg-transparent text-center">
												@if(!$report->four_saved_at)
				        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Four D</button>
												@else
													<h5>Saved by {{$report->saverFour->full_name}} at {{$report->four_saved_at_dmy}}</h5>
													<h6>Days elapsed until saved: {{$report->four_d_days}}</h6>
												@endif
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->five_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="five_d_form">
									<input {{$report->one_d_days}} type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->five_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">5. Final Analysis for Problem Correction</h5>	
									</div>
									<div class="card-body">
										<h6 class="font-weight-semibold">Why analysis to identify root cause (*Consider: Man, Material, Machine, Method, Who, Where, When, Why, How, Process setting, Rework, Maintenace, etc. Attach extra detail sheets where necessary)</h6>
										<div class="table-responsive">           
											<table id="five_d_conformities_table" class="table mb-3">
												<thead>
		  											<tr>
		  												<th>1</th>
		  												<th>Why was the non conformity made?</th>
		  												<th>2</th>
		  												<th>Why was the non conformity not detected?</th>
		  												<th style="width: 90px"><button {{$report->five_saved_at ? 'disabled' : ''}} type="button" class="btn btn-success add-row" data-popup="tooltip" title="Add Row" ><i class="icon-plus-circle2"></i></button></th>
											      	</tr>
											    </thead>
												<tbody>
												@foreach($report->conformities as $conformity)
													<tr>
														<td>Why?</td>
														<td><input {{$report->metaReadOnly('five')}} class="form-control made" type="text" required value="{{$conformity['made']}}"></td>
														<td>Why?</td>
														<td><input {{$report->metaReadOnly('five')}} class="form-control not-detected" type="text" required value="{{$conformity['not_detected']}}"></td>
														<td>
															<button {{$report->five_saved_at ? 'disabled' : ''}} type="button" data-popup="tooltip" title="Remove Row"  class="btn btn-outline bg-danger text-danger btn-icon ml-2 remove-row"><i class="icon-cross2"></i></button>
														</td>
													</tr>
												@endforeach
												</tbody>
											</table>
										</div>
									</div>
									<div class="card-body">
										<h6 class="font-weight-semibold">Root Cause</h6>
										<div class="table-responsive">           
											<table id="five_d_roots_table" class="table mb-3">
												<thead>
		  											<tr>
		  												<th>No. </th>
		  												<th>Root Cause</th>
		  												<th>Responsible</th>
		  												<th>Department</th>
		  												<th style="width: 90px"><button {{$report->five_saved_at ? 'disabled' : ''}} type="button" class="btn btn-success add-row" data-popup="tooltip" title="Add Row" ><i class="icon-plus-circle2"></i></button></th>
											      	</tr>
											    </thead>
												<tbody>
													@foreach($report->roots as $root)
														<tr>
															<td class="no">{{$root['no']}}</td>
															<td><textarea {{$report->metaReadOnly('five')}} cols="80" class="form-control cause" required>{{$root['cause']}}</textarea></td>
															<td><input {{$report->metaReadOnly('five')}} class="form-control responsible" type="text" required value="{{$root['responsible']}}"></td>
															<td><input {{$report->metaReadOnly('five')}} class="form-control department" type="text" required value="{{$root['department']}}"></td>
															<td>
																<button {{$report->five_saved_at ? 'disabled' : ''}} type="button" data-popup="tooltip" title="Remove Row"  class="btn btn-outline bg-danger text-danger btn-icon ml-2 remove-row"><i class="icon-cross2"></i></button>
															</td>
														</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>
									<div class="card-footer border-0 bg-transparent text-center">
										@if(!$report->five_saved_at)
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Five D</button>
										@else
											<h5>Saved by {{$report->saverFive->full_name}} at {{$report->five_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->five_d_days}}</h6>
										@endif
									</div>														
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->six_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="six_d_form">
									<input {{$report->metaReadOnly('five')}} type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->six_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">6. Permanent countermeasures</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<div class="table-responsive">
											<h6 class="font-weight-semibold">
												What actions have been taken to prevent the manufacture of reject parts in the future? *Consider: Error proofing, Testing, Process Control, etc.
											</h6>
											<table id="six_d_permanent_cms_table" class="table">
												<thead>
		  											<tr>
		  												<th>Action</th>
		  												<th>Responsibility</th>
		  												<th>Department</th>
		  												<th>Date implemented/commitment</th>
		  												<th style="width: 90px"><button {{$report->six_saved_at ? 'disabled' : ''}} type="button" class="btn btn-success add-row" data-popup="tooltip" title="Add Row" ><i class="icon-plus-circle2"></i></button></th>
											      	</tr>
											    </thead>
											    <tbody>
											    	@foreach($report->permanent_cms as $cm)
									            		<tr>
									                       <td><textarea {{$report->metaReadOnly('six')}} cols="50" class="form-control action" required>{{$cm['action']}}</textarea></td>
									                       <td><input {{$report->metaReadOnly('six')}} class="form-control responsibility" value="{{$cm['responsibility']}}" type="text" required></td>
									                       <td><input {{$report->metaReadOnly('six')}} class="form-control department"     value="{{$cm['department']}}" type="text" required></td>
									                       <td>
									                           <div class="input-group">
									                    			<span class="input-group-prepend">
									                    				<span class="input-group-text"><i class="icon-calendar2"></i></span>
									                    			</span>
									                    			<input {{$report->metaReadOnly('six')}} type="text" class="form-control date datepicker" required value="{{$cm['date']}}" >
									                    		</div>
									                       </td>
									                       <td>
									                           <button {{$report->six_saved_at ? 'disabled' : ''}} type="button" data-popup="tooltip" title="Remove Row"  class="btn btn-outline bg-danger text-danger btn-icon ml-2 remove-row"><i class="icon-cross2"></i></button>
									                       </td>
									                    </tr>									   
											    	@endforeach
											    </tbody>
											</table>
										</div>
									</div>
									<div class="card-footer border-0 bg-transparent text-center">
										@if(!$report->six_saved_at)
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Six D</button>
										@else
											<h5>Saved by {{$report->saverSix->full_name}} at {{$report->six_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->six_d_days}}</h6>
										@endif
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->seven_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="seven_d_form">
									<input {{$report->metaReadOnly('six')}} type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->seven_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">7. Countermeasures validation (confirmation)</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<div class="table-responsive"> 
											<h6 class="font-weight-semibold">Have the countermeasures implemented been confirmed as effective?</h6>
											<table id="seven_d_validation_cms_table" class="table mb-3">
												<thead>
		  											<tr>
		  												<th>Countermeasures Action</th>
		  												<th>Validation Method</th>
		  												<th style="width: 90px"><button {{$report->seven_saved_at ? 'disabled' : ''}} type="button" class="btn btn-success add-row" data-popup="tooltip" title="Add Row" ><i class="icon-plus-circle2"></i></button></th>
											      	</tr>
											    </thead>
											    <tbody>
											    	@foreach($report->validation_cms as $cm)
									            		<tr>
									                       <td><textarea {{$report->metaReadOnly('seven')}} class="form-control action" required>{{$cm['action']}}</textarea></td>
									                       <td><textarea {{$report->metaReadOnly('seven')}} class="form-control method" required>{{$cm['method']}}</textarea></td>
									                       <td>
									                           <button {{$report->seven_saved_at ? 'disabled' : ''}} type="button" data-popup="tooltip" title="Remove Row"  class="btn btn-outline bg-danger text-danger btn-icon ml-2 remove-row"><i class="icon-cross2"></i></button>
									                       </td>
									                    </tr>
								                    @endforeach
											    </tbody>
											</table>
										</div>
									</div>
									<div class="card-footer border-0 bg-transparent text-center">
										@if(!$report->seven_saved_at)
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Seven D</button>
										@else
											<h5>Saved by {{$report->saverSeven->full_name}} at {{$report->seven_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->seven_d_days}}</h6>
										@endif
									</div>
								</form>
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 my-3">
							<div class="card {{$report->eight_saved_at ? 'border-success' : 'border-primary'}}">
								<form id="eight_d_form">
									<input {{$report->metaReadOnly('seven')}} type="hidden" name="id" value="{{$report->id}}">
									<div class="card-header header-elements-inline {{$report->eight_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
										<h5 class="card-title mx-auto">8. Follow up Actions (Lessons Learned/Recurrence Prevention Activities)</h5>	
									</div>
									<div class="card-body text-left pb-0">
										<h6 class="font-weight-semibold">Review the following documentation and update as a result of this concern. <br>*Please attach relevant data e.g. Dimensional Report, Capability study, Attribute data, Fault tree analysis, etc.</h6>
										<div class="table-responsive">           
											<table class="table">
												<thead>
		  											<tr>
		  												<th>Consider Review/Updated</th>
		  												<th>Yes/No</th>
		  												<th style="min-width: 200px;">Details</th>
		  												<th style="min-width: 200px;">Responsibility</th>
		  												<th style="min-width: 200px;">Departament</th>
		  												<th style="min-width: 200px;">Date implemented</th>
											      	</tr>
												</thead>
												<tbody>
											      	<tr>
		  												<td>POKA - YOKE implement</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="pokayoke_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->pokayoke_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="pokayoke_details" class="form-control" rows="2">{{$report->pokayoke_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="pokayoke_responsibility" class="form-control" type="text" value="{{$report->pokayoke_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="pokayoke_department" class="form-control" type="text" value="{{$report->pokayoke_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="pokayoke_implemented_at" type="text" class="form-control datepicker" value="{{$report->pokayoke_implemented_at ? $report->pokayoke_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>F.M.E.A.</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="fmea_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->fmea_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="fmea_details" class="form-control" rows="2">{{$report->fmea_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="fmea_responsibility" class="form-control" type="text" value="{{$report->fmea_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="fmea_department" class="form-control" type="text" value="{{$report->fmea_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="fmea_implemented_at" type="text" class="form-control datepicker" value="{{$report->fmea_implemented_at ? $report->fmea_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Process Flow Diagram</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="process_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->process_status) checked @endif >
																</label>
															</div>
		  												</td>
														<td><textarea {{$report->metaReadOnly('eight')}} name="process_details" class="form-control" rows="2">{{$report->process_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="process_responsibility" class="form-control" type="text" value="{{$report->process_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="process_department" class="form-control" type="text" value="{{$report->process_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="process_implemented_at" type="text" class="form-control datepicker" value="{{$report->process_implemented_at ? $report->process_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Control Plan</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="control_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->control_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="control_details" class="form-control" rows="2">{{$report->control_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="control_responsibility" class="form-control" type="text" value="{{$report->control_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="control_department" class="form-control" type="text" value="{{$report->control_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="control_implemented_at" type="text" class="form-control datepicker" value="{{$report->control_implemented_at ? $report->control_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Work Instructions</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="work_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->work_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="work_details" class="form-control" rows="2">{{$report->work_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="work_responsibility" class="form-control" type="text" value="{{$report->work_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="work_department" class="form-control" type="text" value="{{$report->work_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="work_implemented_at" type="text" class="form-control datepicker" value="{{$report->work_implemented_at ? $report->work_implemented_at->format('d/m/Y') : ''}}">
															</div>
														</td>
											      	</tr>
											      	<tr>
		  												<td>Training completed</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="training_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->training_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="training_details" class="form-control" rows="2">{{$report->training_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="training_responsibility" class="form-control" type="text" value="{{$report->training_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="training_department" class="form-control" type="text" value="{{$report->training_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="training_implemented_at" type="text" class="form-control datepicker" value="{{$report->training_implemented_at ? $report->training_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>
											      	<tr>
		  												<td>Others</td>
		  												<td>
		  													<div class="form-check form-check-switch">
																<label class="form-check-label">
																	<input {{$report->metaReadOnly('eight')}} name="other_status" type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch" data-size="small" @if($report->other_status) checked @endif >
																</label>
															</div>
		  												</td>
		  												<td><textarea {{$report->metaReadOnly('eight')}} name="others_details" class="form-control" rows="2">{{$report->others_details}}</textarea></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="others_responsibility" class="form-control" type="text" value="{{$report->others_responsibility}}"></td>
		  												<td><input {{$report->metaReadOnly('eight')}} name="others_department" class="form-control" type="text" value="{{$report->others_department}}"></td>
		  												<td>
		  													<div class="input-group">
																<span class="input-group-prepend">
																	<span class="input-group-text"><i class="icon-calendar2"></i></span>
																</span>
																<input {{$report->metaReadOnly('eight')}} name="others_implemented_at" type="text" class="form-control datepicker" value="{{$report->others_implemented_at ? $report->others_implemented_at->format('d/m/Y') : ''}}">
															</div>
		  												</td>
											      	</tr>

											    </tbody>
											</table>
										</div>
									</div>
									<div class="card-body text-left pb-0">
										<h6 class="font-weight-semibold">Have the countermeasures taken been horizontally deployed to similar parts, processes and other plants?</h6>
										<div class="table-responsive">
											<table id="eight_d_deployed_cm_table" class="table mb-3">
												<thead>
		  											<tr>
		  												<th>Countermeasures Actions</th>
		  												<th>Deployment? (Y/N)</th>
		  												<th>Details</th>
		  												<th style="width: 90px"><button {{$report->eight_saved_at ? 'disabled' : ''}} type="button" class="btn btn-success add-row" data-popup="tooltip" title="Add Row" ><i class="icon-plus-circle2"></i></button></th>
											      	</tr>
											    </thead>
											    <tbody>
											    	@foreach($report->deployed_cm as $cm)
									            		<tr>
									                       <td><textarea {{$report->metaReadOnly('eight')}} class="form-control action" required>{{$cm['action']}}</textarea></td>
												    		<td>
												    			<div class="form-check form-check-switch">
																	<label class="form-check-label">
																		<input {{$report->metaReadOnly('eight')}} type="checkbox" data-on-text="Yes" data-off-text="No" class="form-check-input-switch deployment" data-size="small" @if ($cm['deployment']) checked @endif >
																	</label>
																</div>
												    		</td>
									                       <td><textarea {{$report->metaReadOnly('eight')}} class="form-control details" required>{{$cm['details']}}</textarea></td>
									                       <td>
									                           <button {{$report->eight_saved_at ? 'disabled' : ''}} type="button" data-popup="tooltip" title="Remove Row"  class="btn btn-outline bg-danger text-danger btn-icon ml-2 remove-row"><i class="icon-cross2"></i></button>
									                       </td>
									                    </tr>									   
											    	@endforeach
											    </tbody>
											</table>
										</div>
									</div>		
									<div class="card-footer border-0 bg-transparent text-center">
										@if(!$report->eight_saved_at)
		        							<button data-style="zoom-in" type="submit" class="btn bg-primary btn-ladda btn-ladda-spinner"><i class="icon-floppy-disk mr-2"></i> Save Eight D</button>
										@else
											<h5>Saved by {{$report->saverEight->full_name}} at {{$report->eight_saved_at_dmy}}</h5>
											<h6>Days elapsed until saved: {{$report->eight_d_days}}</h6>
										@endif
									</div>
								</form>													
							</div>
						</div>
					</div>

					<div class="row">
						<div class="col-12 col-sm-12 col-md-6 my-3">
							<div class="card {{$report->full_saved_at ? 'border-success' : 'border-primary'}}">
								<div class="card-header header-elements-inline {{$report->full_saved_at ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
									<h5 class="card-title mx-auto">Action Evidence Attachment</h5>
								</div>
								<div class="card-body text-left">
									<p>• Add here all the files related with a corrective action</p>
									<form id="actions_evidence_form">
										<input type="hidden" name="id" value="{{$report->id}}">
										<div class="row">
											<div class="col-5">
												<input {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="text" name="name" placeholder="Name" class="form-control" required="">
											</div>
											<div class="col-5">
												<div class="custom-file">
													<input {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="file" class="custom-file-input" name="action_file" id="action_file" aria-describedby="action_file" accept=".xlsx,.xls,.doc,.docx,.ppt,.pptx,.pdf,.jpg,.jpeg,.png,.gif" required="">
													<label class="custom-file-label text-muted" for="action_file">Choose File</label>
												</div>						
											</div>																						
											<div class="col-2">
												<button {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="submit" class="btn btn-success btn-ladda btn-ladda-spinner"  data-style="zoom-in" data-popup="tooltip" title="Add File"><i class="icon-plus-circle2"></i></button>
											</div>						
										</div>
										<span class="form-text text-muted">Accepted files: images, pdf, word, excel, powerpoint. Max file size 10MB</span>										
									</form>								
								</div>
								<div class="table-responsive">
									<table id="actions_attachments_table" class="table table-striped mb-3">
										<thead>
											<tr>
												<th>File Name</th>
												<th>Date</th>
												<th>Download</th>
												<th>Remove</th>
											</tr>
										</thead>
										<tbody>
										@foreach($report->action_attachments as $attachment)
											<tr data-attachment_id="{{$attachment['id']}}" >
												<td>{{$attachment['name']}}</td>
												<td>{{$attachment['created_at_dmy']}}</td>
												<td>
													<a href="{{$attachment['link']}}" class="btn btn-outline bg-primary text-primary btn-icon ml-2" ><i class="icon-file-download"></i></a>
												</td>
												<td><button {{$report->full_saved_at ? 'disabled' : ''}} type="button" class="btn btn-outline bg-danger text-danger btn-icon ml-2 btn-ladda btn-ladda-spinner remove-btn" data-style="zoom-in" data-spinner-color="gray">
														<i class="icon-cross2"></i>
													</button>
												</td>
											</tr>
										@endforeach		
										</tbody>
									</table>
								</div>							
							</div>
						</div>
						<div class="col-12 col-sm-12 col-md-6 my-3">
							<div class="card {{$report->full_saved_at != null ? 'border-success' : 'border-primary'}}">
								<div class="card-header header-elements-inline {{$report->full_saved_at != null ? 'alpha-success text-success-800 border-success' : 'alpha-primary text-primary-800 border-primary'}}" >
									<h5 class="card-title mx-auto">Custom 8D Report Attachment</h5>
								</div>
								<div class="card-body text-left">
									<p>• Add here your custom 8D Report format</p>
									<form id="custom_8d_report_attachment_form">
										<input type="hidden" name="id" value="{{$report->id}}">
										<div class="row">
											<div class="col-5">
												<input {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="text" name="name" placeholder="Name" class="form-control" required="">
											</div>
											<div class="col-5">
												<div class="custom-file">
													<input {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="file" class="custom-file-input" name="report_file" id="report_file" aria-describedby="report_file" accept=".xlsx,.xls,.doc,.docx,.ppt,.pptx,.pdf,.jpg,.jpeg,.png,.gif" required="">
													<label class="custom-file-label text-muted" for="report_file">Choose File</label>
												</div>						
											</div>											
											<div class="col-2">
												<button {{$report->isSaved() && $user->is_supplier ? 'disabled' : ''}} type="submit" class="btn btn-success btn-ladda btn-ladda-spinner" data-popup="tooltip" title="Add File" data-style="zoom-in"><i class="icon-plus-circle2"></i></button>
											</div>						
										</div>
										<span class="form-text text-muted">Accepted files: images, pdf, word, excel, powerpoint. Max file size 10MB</span>
									</form>								
								</div>
								<div class="table-responsive">
									<table id="custom_8d_report_table" class="table table-striped mb-3">
										<thead>
											<tr>
												<th>File Name</th>
												<th>Date</th>
												<th>Download</th>
												<th>Remove</th>
											</tr>
										</thead>
										<tbody>
										@foreach($report->custom_report_attachments as $attachment)
											<tr data-attachment_id="{{$attachment['id']}}" >
												<td>{{$attachment['name']}}</td>
												<td>{{$attachment['created_at_dmy']}}</td>
												<td>
													<a href="{{$attachment['link']}}" class="btn btn-outline bg-primary text-primary btn-icon ml-2" ><i class="icon-file-download"></i></a>
												</td>
												<td><button {{$report->full_saved_at ? 'disabled' : ''}} type="button" class="btn btn-outline bg-danger text-danger btn-icon ml-2 btn-ladda btn-ladda-spinner remove-btn" data-style="zoom-in" data-spinner-color="gray">
														<i class="icon-cross2"></i>
													</button>
												</td>
											</tr>
										@endforeach		
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>

					@if($report->full_saved_at == null)
					<div class="row my-3">
						<div class="col-md-12 text-center">
							<button id="save_report_button" class="btn bg-success btn-lg btn-ladda btn-ladda-spinner"  data-style="zoom-in"><i class="icon-paperplane mr-2"></i>
								Save and Submit 8D Report for Approval
							</button>
						</div>
					</div>
					@endif

				</div>
			</div>			
		</div>
	</div>
	

@endsection

@section('plugin-scripts')

	{{-- @include('scripts.datatablesjs') --}}

	<script src="{{asset('js/plugins/forms/styling/switch.min.js')}}"></script>
	<script src="{{asset('js/plugins/pickers/anytime.5.2.0.min.js')}}"></script>

@endsection


@section('app-scripts')

	<script type="text/javascript"> 
		var report_id = {{ $report->id }}; 
	</script> 
	<script src="{{mix('js/supplierquality/eightd_report.js')}}"></script>

@endsection