@extends('layouts.master', [	
								'page_title' 		=> 	'Delivery Schedule', 
								'body_id' 			=>	'suppliers_activity', 
								'page_sub_title' 	=> 	'Suppliers Activity', 
								'plugins'			=> 	['datatables' => true]
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'Suppliers Irresponsive',
											'description'	=>	'Here you can see when was the last time a supplier reviewed their orders.'
										])

		@slot( 'body' )

			<form id="search_data_form">
				<div class="d-flex flex-wrap align-items-center">
					<div class="mx-2">
						<label class="col-form-label">Plant</label>
	                    <select required name="plant_id" class="form-control select" data-fouc>
	                    </select>
					</div>
					<div class="mx-2 mt-4 pt-1">
						@component('components.button', ['type'=>'search', 'submit' => true])@endcomponent
					</div>							
				</div>
			</form>	
		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>Supplier</th>
						<th>Last Review</th>
						<th>Days Since Last Review</th>
						<th>Status</th>
						<th>User</th>
						<th>User Email</th>
						<th>Listing ID</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
						<td>Supplier</td>
						<td>Last Review</td>
						<td>Days Since Last Review</td>
						<td>Status</td>
						<td>User</td>
						<td>User Email</td>
						<td>Listing ID</td>
			        </tr>
				@endslot
			@endcomponent

		@endslot


	@endcomponent

@endsection


@section('app-scripts')
	<script type="text/javascript">
		const PLANT_ID = {{$plant_id}};
		const SUPPLIERS_DATA = {!! $suppliers_plant->toJson() !!};
	</script>
	<script src="{{mix('js/deliveryschedule/suppliers_activity.js')}}"></script>

@endsection