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

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'Administrate Support Users',
											'description'	=>	'Here you can add or remove the support users.'
										])

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>&nbsp;</th>
			            <th>Employee Id</th>
			            <th>First Name</th>
			            <th>Last Name</th>
			            <th>Department</th>
			            <th>Plant</th>
			            <th>Status</th>
			            <th>Created At</th>
			            <th>Added By</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>
			            <td>Employee Id</td>
			            <td>First Name</td>
			            <td>Last Name</td>
			            <td>Department</td>
			            <td>Plant</td>
			            <td>Status</td>
			            <td>Created At</td>
			            <td>Added By</td>
			        </tr>
				@endslot
			@endcomponent
		@endslot

	@endcomponent

@endsection

@section('app-scripts')
	<script type="text/javascript">
		const USERS = {!! $users->toJSON() !!};
		const DEPARTMENTS = {!! $departments->toJSON() !!};
		const STORE_URL = '{{route('ma_support_users.store')}}';
		const UPDATE_URL = '{{route('ma_support_users.update')}}';
	</script>
	<script src="{{mix('js/master/support_users.js')}}"></script>
@endsection