@extends('layouts.master', 	[
								'page_title' 		=> 'Reworks Configuration', 
								'page_sub_title' 	=> 'Part Numbers',
								'plugins'			=> ['datatables' => true]
							])

@section('styles')
<style type="text/css">

    .select2-container--open .select2-dropdown--below{
    	display: none!important;
    }

</style>
@endsection

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'Administrate Part Numbers',
											'description'	=>	'Here you can add or remove weld and zones.'
										])

		@slot( 'body' )

			<div></div>

		@endslot

		@slot('after_body')
			@component('components.datatable')
				@slot('thead')
					<tr>
						<th>&nbsp;</th>
						<th>Name</th>
						<th>Lines</th>
						<th>Picture</th>
						<th>Number of Welds</th>
						<th>Status</th>
						<th>Plant</th>
			        </tr>
				@endslot
				@slot('tfoot')
					<tr>
			            <td class="not-searchable">&nbsp;</td>
						<td>Name</td>
						<td>Lines</td>
						<td>Picture</td>
						<td>Number of Welds</td>
						<td>Status</td>
						<td>Plant</td>
			        </tr>
				@endslot
			@endcomponent
		@endslot

	@endcomponent

@endsection

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