@extends('layouts.master', 	[
								'class'			=>	'warehouse',
							])

@section('content')

	<div class="d-flex flex-wrap justify-content-center justify-content-md-between" style="position: relative; top: -20px;" >


		<div class="d-flex status-info">
			<button class="btn bg-primary-400 mx-2">
				@lang('warehouse.onHold')
			</button>
			<button class="btn bg-success-400 mx-2 ">
				@lang('warehouse.supplying')
			</button>
			<button class="btn bg-warning-400 mx-2 ">
				@lang('warehouse.stopped')
			</button>
			<button class="btn bg-danger-400 mx-2 ">
				@lang('warehouse.delayed')
			</button>
		</div>


		<div class="dropdown mt-2 mx-1">
		  <button class="btn btn-lg bg-slate-300 dropdown-toggle" type="button" id="sub_plant_drowpdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="font-size: 1rem;">
		    {{$sub_plant->name}}
		  </button>
		  <div class="dropdown-menu" aria-labelledby="sub_plant_drowpdown">
		  	@foreach($plants as $plant)
		  		@foreach($plant->subPlants as $facility)
		  			@if($facility->id != $sub_plant->id)
			    	<a class="dropdown-item" href="{{route('wa_set_sub_plant', $facility->id)}}">{{$facility->name}}</a>
			    	@endif
			    @endforeach
		  	@endforeach
		  </div>
		</div>		

	</div>

	@can('store',App\Warehouse\ActiveCart::class)
	<div class="d-flex flex-wrap justify-content-center pb-2" >
	
		<form id="new_cart_form">
			<div class="d-flex flex-wrap">
				@if($sub_plant->plant_id === \App\Master\Plant::POLAND)
					<div class="mx-2">
						<label class="col-form-label">@lang('master.line')</label><br>
						<select name="line_id" class="form-control" required>
							<option value="">@lang('master.select_one')</option>
							@foreach($lines as $line)
								<option value="{{$line->id}}">{{$line->name}}</option>
							@endforeach
						</select>
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('warehouse.type')</label><br>
						<select name="type" class="form-control" required>
							<option value="0">@lang('master.select_one')</option>
							<option value="{{\App\Warehouse\ActiveCart::COMPONENT}}">@lang('warehouse.component')</option>
							<option value="{{\App\Warehouse\ActiveCart::ASSEMBLY}}">@lang('warehouse.assembly')</option>
						</select>
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('master.part_number')</label><br>
						<select id="part_numberid" name="part_number_id" class="form-control" disabled required>
							<option value="">@lang('master.select_one')</option>
						</select>
					</div>

					<div class="mx-2" id="order_div" style="display: none">
						<label class="col-form-label">@lang('warehouse.order')</label>
						<input type="number" id="order_number" name="order_number" class="form-control" max="999999" required style="width: 150px">
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('warehouse.quantity')</label>
						<input type="number" name="requested_quantity" class="form-control" style="width: 100px;" required>
					</div>
				@else
					<div class="mx-2">
						<label class="col-form-label">@lang('master.line')</label><br>
						<select name="line_id" class="form-control" required>
							<option value="">@lang('master.select_one')</option>
							@foreach($lines as $line)
								<option value="{{$line->id}}">{{$line->name}}</option>
							@endforeach
						</select>
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('warehouse.order')</label>
						<input type="number" name="order_number" class="form-control" max="999999" required style="width: 150px">
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('master.part_number')</label><br>
						<select name="part_number_id" class="form-control" required>
							<option value="">@lang('master.select_one')</option>
							@foreach($part_numbers as $part_number)
								<option value="{{$part_number->id}}">{{$part_number->name}}</option>
							@endforeach
						</select>
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('warehouse.quantity')</label>
						<input type="number" name="requested_quantity" class="form-control" style="width: 100px;" required>
					</div>

					<div class="mx-2">
						<label class="col-form-label">@lang('warehouse.type')</label><br>
						<select name="type" class="form-control" required>
							<option value="{{\App\Warehouse\ActiveCart::NORMAL}}">@lang('warehouse.normal')</option>
							<option value="{{\App\Warehouse\ActiveCart::LIFT_TRUCK}}">@lang('warehouse.lift')</option>
							<option value="{{\App\Warehouse\ActiveCart::TERMINATED_PRODUCT}}">@lang('warehouse.finishedProduct')</option>
						</select>
					</div>
				@endif

				<div class="mx-2">
					@component('components.button', ['type'=>'send', 'submit' => true, 'text' => __('master.save')])@endcomponent
				</div>
			</div>
		</form>
	</div>
	@endcan


	<div class="d-flex flex-wrap mt-3" id="carts_container">
	</div>


@endsection

@section('app-scripts')
	<script type="text/javascript">
		const LINES 	= {!! $lines->toJson() !!};
		const OPERATORS = {!! $operators->toJson() !!}; 
		const PART_NUMBERS = {!! $part_numbers->toJson() !!}; 
		const COMPONENTS = {!! $components->toJson() !!}; 
		const ACTIVE_SUB_PLANT = {!! $sub_plant->toJson() !!};
		const DETENTION_REASONS = {!! $detention_reasons->toJson() !!};
	    const NORMAL = {{\App\Warehouse\ActiveCart::NORMAL}};
	    const COMPONENT = {{\App\Warehouse\ActiveCart::COMPONENT}};
	    const LIFT_TRUCK = {{\App\Warehouse\ActiveCart::LIFT_TRUCK}};
	    const TERMINATED_PRODUCT = {{\App\Warehouse\ActiveCart::TERMINATED_PRODUCT}};
		const ASSEMBLY = {{\App\Warehouse\ActiveCart::ASSEMBLY}};

	    const WAITING = {{\App\Warehouse\ActiveCart::WAITING}};
	    const FILLING = {{\App\Warehouse\ActiveCart::FILLING}};
	    const STOPPED = {{\App\Warehouse\ActiveCart::STOPPED}};
	    const PICK_BY_EMPLOYEE_ID = {{\App\Warehouse\ActiveCart::PICK_BY_EMPLOYEE_ID}};
	    const PICK_BY_NAME = {{\App\Warehouse\ActiveCart::PICK_BY_NAME}};

		@can('manage',App\Warehouse\ActiveCart::class)
		const MANAGE_CARTS = true;
		@else
		const MANAGE_CARTS = false;
		@endcan

		@can('pick',App\Warehouse\ActiveCart::class)
		const PICK_CARTS = true;
		@else
		const PICK_CARTS = false;
		@endcan

		@can('edit',App\Warehouse\ActiveCart::class)
		const EDIT_CARTS = true;
		@else
		const EDIT_CARTS = false;
		@endcan

		@can('resume',App\Warehouse\ActiveCart::class)
		const RESUME_CARTS = true;
		@else
		const RESUME_CARTS = false;
		@endcan

		@can('deliver',App\Warehouse\ActiveCart::class)
		const DELIVER_CARTS = true;
		@else
		const DELIVER_CARTS = false;
		@endcan

		@can('stop',App\Warehouse\ActiveCart::class)
		const STOP_CARTS = true;
		@else
		const STOP_CARTS = false;
		@endcan

		@if($sub_plant->plant_id == \App\Master\Plant::POLAND)
		const ORDER_REQUIRED = false;
		@else
		const ORDER_REQUIRED = true;
		@endif

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