@extends('layouts.master', 	[
								'page_title' 		=> __('andon.andon'), 
								'page_sub_title' 	=> __('andon.cause_conf'),
								'plugins'			=> ['datatables' => true]
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	__('andon.adm_causes'),
											'description'	=>	__('andon.cause_descr')
										])

		@slot( 'body' )

		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>&nbsp;</th>
						<th>@lang('master.name')</th>
						<th>@lang('master.department')</th>
						<th>@lang('master.status')</th>
						<th>@lang('master.plant')</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>			            
						<td>@lang('master.name')</td>
						<td>@lang('master.department')</td>						
						<td>@lang('master.status')</td>						
						<td>@lang('master.plant')</td>
			        </tr>
				@endslot
			@endcomponent
		@endslot

	@endcomponent

@endsection

@section('app-scripts')
	<script type="text/javascript">
		const CAUSES = {!! json_encode($causes) !!};
		const PLANTS = {!! $plants->toJson() !!};

	</script>
	<script src="{{mix('js/andon/causes.js')}}"></script>
@endsection