@extends('layouts.master', [
								'plugins'			=> 	['datatables' => true]
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	__('audit.findings_history'),
											'description'	=>	__('audit.findings_history_descr'),
										])

		@slot( 'body' )
			
			@component('components.search_data_form',
							[
								'plant'			=> ['active' => true],
								'date_from'		=> ['active' => true],
								'date_to'		=> ['active' => true],
							]
						)
				@slot('extra_inputs')
					{{-- 					
					<div class="mx-2 pt-3">
						<label class="font-weight-semibold"></label>
						<div class="form-check">
							<label class="form-check-label">
								<input type="checkbox" name="completed" data-fouc>
								Include Assignments Completed
							</label>
						</div>
					</div> --}}
				@endslot
			@endcomponent

		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>@lang('audit.view')</th>
						<th>ID</th>
						<th>@lang('audit.form_type')</th>
						<th>@lang('master.status')</th>
						<th>@lang('audit.opened_at')</th>
						<th>@lang('master.line')</th>
						<th>@lang('master.part_number')</th>
						<th>@lang('audit.requirement')</th>
						<th>@lang('audit.answer_comment')</th>
						<th>@lang('audit.champion')</th>
						<th>@lang('audit.champion_due_date')</th>
						<th>@lang('audit.corrective_action')</th>
						<th>@lang('audit.finding_correction')</th>
						<th>@lang('audit.corrected_at')</th>
						<th>@lang('audit.verified_at')</th>
						<th>@lang('master.facility')</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>	
						<td>ID</td>		            
						<td>@lang('audit.form_type')</td>
						<td>@lang('master.status')</td>
						<td>@lang('audit.opened_at')</td>
						<td>@lang('master.line')</td>
						<td>@lang('master.part_number')</td>
						<td>@lang('audit.requirement')</td>
						<td>@lang('audit.answer_comment')</td>
						<td>@lang('audit.champion')</td>
						<td>@lang('audit.champion_due_date')</td>
						<td>@lang('audit.corrective_action')</td>
						<td>@lang('audit.finding_correction')</td>
						<td>@lang('audit.corrected_at')</td>
						<td>@lang('audit.verified_at')</td>
						<td>@lang('master.facility')</td>
			        </tr>
				@endslot
			@endcomponent
		
		@endslot


	@endcomponent

@endsection


@section('app-scripts')
	<script type="text/javascript">
		const FINDINGS_DATA = {!!$findings->toJSON()!!};
		const DATE_FROM = '{{$date_from}}';
		const DATE_TO = '{{$date_to}}';
		const PLANT_ID = {{$plant_id}};
	</script>
	<script src="{{mix('js/audit/findings_history.js')}}"></script>

@endsection