@extends('layouts.master', 	[
								'page_title' 		=> 'Reworks', 
								'page_sub_title' 	=> 'Dashboard Config',
							])

@section('content')

	
	@component('components.card_main', [
											'title' 		=> 	'Open Operator Dashboard',
											'description'	=>	'Here you can open a dashboard for a specific line.'
										])

		@slot( 'body' )


			<form method="GET" action="/reworks/dashboard" 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">
						<label class="col-form-label">Sub Plant</label>
	                    <select required name="sub_plant_id" class="form-control select" data-fouc>
	                    </select>
					</div>
					<div class="mx-2">
						<label class="col-form-label">Line</label>
	                    <select required name="line_id" class="form-control select" data-fouc>
	                    </select>
					</div>
					<div class="mx-2">
						<label class="col-form-label">Part Number</label>
	                    <select required name="part_number_id" class="form-control select" data-fouc>
	                    </select>
					</div>
					<div class="mx-2 mt-4 pt-1">
						@component('components.button', ['type'=>'open','submit'=>true])@endcomponent
					</div>					
				</div>
			</form>	

		@endslot


	@endcomponent

@endsection

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