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

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	__('audit.quality_alerts_title'),
											'description'	=>	__('audit.quality_alerts_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="expired" data-fouc>
								@lang('audit.quality_alerts_exp')
							</label>
						</div>
					</div>
				@endslot
			@endcomponent

		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>&nbsp;</th>
						<th>ID</th>
						<th>@lang('audit.alert_number')</th>
						<th>@lang('audit.expiration_date')</th>
						<th>@lang('master.line')</th>
						<th>@lang('master.status')</th>
						<th>@lang('master.facility')</th>
						<th>@lang('audit.created_by')</th>
						<th>@lang('audit.created_at')</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>			            
						<td>ID</td>
						<td>@lang('audit.alert_number')</td>
						<td>@lang('audit.expiration_date')</td>
						<td>@lang('master.line')</td>
						<td>@lang('master.status')</td>
						<td>@lang('master.facility')</td>
						<td>@lang('audit.created_by')</td>
						<td>@lang('audit.created_at')</td>
			        </tr>
				@endslot
			@endcomponent

		@endslot

	@endcomponent

@endsection


@section('app-scripts')
	<script type="text/javascript">
		const ALERTS_DATA = {!! $alerts->toJSON() !!};
		const LINES = {!! $lines->toJSON() !!};
		const DATE_FROM = '{{$date_from}}';
		const DATE_TO = '{{$date_to}}';
		const PLANT_ID = {{$plant_id}};
		const EXPIRED = {{$expired}};
	</script>
	<script src="{{mix('js/audit/quality_alerts_overview.js')}}"></script>

@endsection