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

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	__('warehouse.detentionReasons'),
											'description'	=>	__('warehouse.detentionReasonsDescription')
										])

		@slot( 'body' )

		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
				
					<tr>
						<th>&nbsp;</th>
						<th>@lang('master.name')</th>
						<th>@lang('master.status')</th>
						<th>@lang('master.facility')</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.status')</td>	
						<td>@lang('master.facility')</td>					
						<td>@lang('master.plant')</td>				
			        </tr>
				@endslot
			@endcomponent
		@endslot

	@endcomponent

@endsection

@section('app-scripts')
	<script type="text/javascript">
		const REASONS = {!! json_encode($reasons) !!};
	</script>
	<script src="{{mix('js/warehouse/detention_reason.js')}}"></script>
@endsection