@extends("newDashboard.index") @section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<style>
#customDesignTablePermitInRecevOrder table,
	#customDesignTablePermitInRecevOrder th,
	#customDesignTablePermitInRecevOrder td {
	border: 1px solid black;
	border-collapse: collapse;
}

#customDesignTablePermitInRecevOrder table {
	border-collapse: collapse;
	width: 100%;
}
</style>
@endsection @section("main-content")
<div class="content-wrapper">
	<div class="page-header">
		<h3 class="page-title">
			<span class="page-title-icon bg-gradient-primary text-white me-2"> <i
				class="fa-solid fa-sheet-plastic menu-icon"></i>
			</span> {{__('messages.Receive Order')}}

		</h3>
	</div>
	<div class="receive-order">
		<div class="alert alert-danger" role="alert" style="display: none;">
			<ul id="errors-list">
			</ul>
		</div>
		<nav>
			<div class="nav nav-tabs" id="nav-tab" role="tablist">
				<button class="nav-link active" id="nav-home-tab"
					data-bs-toggle="tab" data-bs-target="#nav-home" type="button"
					role="tab" aria-controls="nav-home" aria-selected="true">{{__('messages.Permit')}}</button>
				<button class="nav-link" id="nav-purchases-tab" data-bs-toggle="tab"
					data-bs-target="#nav-purchases" type="button" role="tab"
					aria-controls="nav-purchases" aria-selected="false">{{__('messages.Purchase data')}}</button>
				<button class="nav-link" id="nav-form-tab" data-bs-toggle="tab"
					data-bs-target="#nav-form" type="button" role="tab"
					aria-controls="nav-form" aria-selected="false">{{__('messages.Submit')}}</button>
			</div>
		</nav>
		<div class="tab-content" id="nav-tabContent">
			<div class="tab-pane fade show active row" id="nav-home"
				role="tabpanel" aria-labelledby="nav-home-tab">
				<h3 class="mt-4 mb-3">
					{{__('messages.Permit Data')}} <span class="text-danger">{{$permit->id}}</span>
				</h3>
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						<p class="title">{{__('messages.Driver Name')}}:</p>
						<p>{{$permit->driver_name}}</p>
					</div>
					<div class="col-md-6">
						<p class="title">{{__('messages.Phone Number')}}:</p>
						<p>{{$permit->phone_number}}</p>
					</div>
				</div>
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						<p class="title">{{__('messages.Truck Number')}}:</p>
						<p>{{$permit->truck_number}}</p>
					</div>
					<div class="col-md-6">
						<p class="title">{{__('messages.Trailer Number')}}:</p>
						<p>{{$permit->trailer_number}}</p>
					</div>
				</div>
				<hr style="height: 2px; color: black;" class="mx-3 w-75">
				<h3 class="mt-4 mb-3">{{__('messages.Permit Items')}}:</h3>
				@foreach($permit->permitItems as $item)
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						<p class="title">{{__('messages.Item')}}:</p>
						<p>{{$item->purchaseItem->item->name}}</p>
					</div>
					<div class="col-md-6">
						<p class="title">{{__('messages.Description')}}:</p>
						<p>{{$permit->trailer_number}}</p>
					</div>
				</div>
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						@if($item->purchaseItem->meat_weight > 0)
						<p class="title">{{__('messages.Weight')}}:</p>
						<p>{{$item->purchaseItem->meat_weight}}</p>
						@endif @if($item->purchaseItem->quantity > 0)
						<p class="title">{{__('messages.Quantity')}}:</p>
						<p>{{$item->purchaseItem->quantity}}</p>
						@endif
					</div>
				</div>
				<div class="col-md-12 row mb-3 border-bottom">
					<div class="col-md-6">
						<p class="title">{{__('messages.Unit Type')}}:</p>
						<p>{{$item->purchaseItem->item->unit_type}}</p>
					</div>
					@if($selectORno == 'true')
					<div class="form-group col-md-6">
						<label class="required" for="inventory_id">{{__('messages.Inventory') }}</label>
						<select id="inventory_id"  name="inventory_id['{{$item->purchaseItem->id}}']" class="form-control inventory_ids">
							<option disabled selected>{{ __('messages.Choose') }}...</option>
							@foreach($Inventories as $inventory)
							<option value="{{ $inventory->id }}"
								{{ old('inventory_id', optional ($item->purchaseItem->inventory)->id)== $inventory->id ? 'selected' : '' }}>{{ $inventory->name }}</option>
							@endforeach
						</select>
					</div>
					@else
					<div class="form-group col-md-6">
						<label class="required" for="inventory_id">{{__('messages.Inventory') }}</label>
						<select id="inventory_id"  name="inventory_id['{{$item->purchaseItem->id}}']" class="form-control inventory_ids" disabled>
							<option disabled selected>{{ __('messages.Choose') }}...</option>
							@foreach($Inventories as $inventory)
							<option value="{{ $inventory->id }}"
								{{ old('inventory_id', optional ($item->purchaseItem->inventory)->id)== $inventory->id ? 'selected' : '' }}>{{ $inventory->name }}</option>
							@endforeach
						</select>
					</div>
					{{--<div class="col-md-6">
						<p class="title">{{ __('messages.Inventory') }}:</p>
						<p>{{ optional($item->purchaseItem->inventory)->name }}</p>
						<input type="hidden" id="inventory_id" value="{{ optional($item->purchaseItem->inventory)->id}}">
					</div> --}}
					@endif
				</div>
				@endforeach
				<div class="col-md-12 row justify-content-end mt-5">
					<img class="qr-image" src="{{$permit->qr_code_path}}">
				</div>
			</div>
			<div class="tab-pane fade row" id="nav-purchases" role="tabpanel"
				aria-labelledby="nav-purchases-tab">
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						<p class="title">{{__('messages.Serial number')}}:</p>
						<p>{{$purchase->serial_number}}</p>
					</div>
					<div class="col-md-6">
						<p class="title">{{__('messages.Status')}}:</p>
						<p>{{$purchase->status}}</p>
					</div>
				</div>
				<div class="col-md-12 row mb-3">
					<div class="col-md-6">
						<p class="title">{{__('messages.Shipping type')}}:</p>
						<p>{{$purchase->shipping_type}}</p>
					</div>
				</div>
				<div class="col-md-12 row mb-3">
					<div class="col-md-12">
						<label>{{__("messages.note")}}</label>
						<textarea rows="5" class="form-control" name="note" id="note"></textarea>
					</div>
				</div>
				@if ($loadingWorkers->isNotEmpty())
				<hr style="height: 2px; color: black;" class="mx-3 w-75">
				<div class="col-md-12 row mb-3">
					<p class="title">{{__('messages.Loading Labor')}}:</p>
					@foreach ($loadingWorkers as $worker)
					<div class="col-md-6">
						<p class="title">{{__('messages.Name')}}:</p>
						<p>{{ $worker->name }}</p>
					</div>
					<div class="col-md-6">
						<p class="title">{{__('messages.Passport Number')}}:</p>
						<p>{{ $worker->passport_id }}</p>
					</div>
					@endforeach
				</div>
				@endif

				<div class="col-md-12 row align-items-center labor-container">
					<hr class="w-75">
					<div class="row">
						<h4 class="col-md-3 mb-2">{{__('messages.Loading Labor')}}</h4>
						<i class="fa-solid fa-circle-plus col-md-1 add-labor-btn"></i>
					</div>
					<div
						class="row labor-row justify-content-center align-items-center">
						<div class="form-group col-md-5">
							<label class="required">{{__('messages.Name')}}</label> <input
								type="text" class="labor_name form-control" required>
						</div>
						<div class="form-group col-md-5">
							<label class="required">{{__('messages.Passport Number')}}</label>
							<input type="text" class="labor_passport form-control" required>
						</div>
						<i class="fas fa-trash col-md-1 delete-labor-btn"></i>
					</div>
				</div>

			</div>
			<div class="tab-pane fade" id="nav-form" role="tabpanel"
				aria-labelledby="nav-form-tab">
				<div class="col-md-12">
					<input type="hidden" id="store-inventory-item-url"
						value="{{route('inventories.receive.order.store')}}"> <input
						type="hidden" id="reject-url"
						value="{{route('inventories.receive.order.reject')}}"> <input
						type="hidden" id="inventories-receive-order-url"
						value="{{route('inventories.receive.order')}}"> <input
						type="hidden" id="permit-id" value="{{$permit->id}}">
					<table class="table">
						<thead>
							<tr>
								<th scope="col"></th>
								<th scope="col">{{__('messages.Item')}}</th>
								<th scope="col">{{__('messages.Main Qty')}}</th>
								<th scope="col">{{__('messages.In Stock')}}</th>
								<th scope="col">{{__('messages.Current received quantity')}}</th>
								<th scope="col">{{__('messages.Received')}}</th>
							</tr>
						</thead>
						<tbody>
							@foreach($permit->permitItems as $item)
							<tr class="item-info-row">
								<td><input class="form-check-input" type="checkbox"
									id="check-box" data-item-id="{{$item->purchaseItem->id}}"
									data-item="{{$item->purchaseItem->item->id}}"
									data-category-item-id="{{$item->purchaseItem->item->category_id}}"
									{{($item->purchaseItem->inventoryItem !== null &&
									(($item->purchaseItem->meat_weight -
									$item->purchaseItem->inventoryItem->meat_received_weight) == 0)
									&& (($item->purchaseItem->total_quantity -
									$item->purchaseItem->inventoryItem->received_quantity) == 0)) ?
									'disabled checked' : ''}}></td>
								<td>{{$item->purchaseItem->item->name}}</td>
								<td class="col-md-2"><input type="number" class="form-control"
									required disabled
									value="{{$item->purchaseItem->total_quantity}}"></td>
								<td class="col-md-2"><input type="number" class="form-control"
									required disabled
									value="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->total_quantity - $item->purchaseItem->inventoryItem->in_stock : $item->purchaseItem->total_quantity}}">
								</td>
								<td class="col-md-2"><input type="number"
									id="CurrentReceivedQuantity" class="form-control" disabled
									value="{{$item->purchaseItem->inventoryItem->received_quantity ?? null}}">
								</td>
								<td class="col-md-2"><input type="number"
									data-purchase-item-id="{{$item->purchaseItem->meat_weight > 0 ? $item->purchaseItem->id : ''}}"
									data-item="{{$item->purchaseItem->item_id}}"
									id="receivedQuantity"
									class="form-control receivedQuantity {{$item->purchaseItem->meat_weight > 0 ? 'qty-meat-in-carton': ''}}"
									required
									max="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->total_quantity - $item->purchaseItem->inventoryItem->in_stock : $item->purchaseItem->total_quantity}}"
									value="0" {{$item->purchaseItem->item->id == 17 ? 'disabled' :
									''}}> @if($item->purchaseItem->meat_weight > 0)
									<div id="invalid-meat-quantity"
										class="invalid-meat-quantity text-danger d-none">
										{{__('messages.The quantity of meat options should be
										equivalent to quantity of cartoon meat')}}</div> @endif
									<div id="validationServer05Feedback" class="invalid-feedback">
										{{__('messages.The quantity must be less or equal')}}:
										{{$item->purchaseItem->inventoryItem !== null ?
										$item->purchaseItem->total_quantity -
										$item->purchaseItem->inventoryItem->in_stock :
										$item->purchaseItem->total_quantity}}</div></td>
								<input type="hidden" class="form-control" disabled
									value="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->inventoryItem->quantity - $item->purchaseItem->inventoryItem->in_stock : 0}}">
							</tr>
							@if($item->purchaseItem->meat_weight > 0)
							<tr class="meat-row">
								<td colspan="6" style="background: #f1f1f1;">
									<table class="inner-table">
										<thead>
											<tr>
												<th>{{__('messages.Total weight')}}</th>
												<th>{{__('messages.In Stock Weight (not delivered)')}}</th>
												<th>{{__('messages.Old Recievred weight')}}</th>
												<th>{{__('messages.Recievred weight')}}</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td><input type="number"
													class="form-control total-weight-{{$item->purchaseItem->id}}"
													value="{{$item->purchaseItem->meat_weight}}" disabled></td>
												<td><input type="number"
													class="form-control in-stock-weight-{{$item->purchaseItem->id}} in-stock-weight"
													value="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->meat_weight - ($item->purchaseItem->meat_weight - $item->purchaseItem->inventoryItem->meat_in_stock)  : $item->purchaseItem->meat_weight}}"
													data-val="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->meat_weight - ($item->purchaseItem->meat_weight - $item->purchaseItem->inventoryItem->meat_in_stock)   : 0}}"
													min="0" max="{{$item->purchaseItem->meat_weight}}" disabled>
												</td>
												<td><input type="number"
													class="form-control old-recived-weight-{{$item->purchaseItem->id}}"
													value="{{$item->purchaseItem->inventoryItem !== null ? ( $item->purchaseItem->meat_weight - $item->purchaseItem->inventoryItem->meat_in_stock)  : 0}}"
													data-val="{{$item->purchaseItem->inventoryItem !== null ?  ( $item->purchaseItem->meat_weight - $item->purchaseItem->inventoryItem->meat_in_stock) : 0}}"
													min="0" max="{{$item->purchaseItem->meat_weight}}" disabled>
												</td>
												<td><input type="number"
													class="form-control weight recived-weight-{{$item->purchaseItem->id}} recieved-weight"
													data-id="{{$item->purchaseItem->id}}" min="0"
													max="{{$item->purchaseItem->inventoryItem !== null ? $item->purchaseItem->meat_weight - ($item->purchaseItem->meat_weight - $item->purchaseItem->inventoryItem->meat_in_stock)  : $item->purchaseItem->meat_weight}}"
													value="0" {{$item->purchaseItem->item->id == 17 ?
													'disabled' : ''}}></td>
											</tr>
										</tbody>
									</table>
								</td>
							</tr>
							@endif @if($item->purchaseItem->meat_weight > 0 &&
							$item->purchaseItem->item->id == 17)
							<tr style="background: #f1f1f1;" class="meat-row">
								<td colspan="6">
									<div class="row">
										@foreach($meatCaronItems as $meatCaronItem)
										<div class="form-group col-md-4">
											<table class="table inner-meat-table"
												data-purchase-item-id="{{$item->purchaseItem->id}}"
												data-item-id="{{$meatCaronItem->id}}">
												<thead>
													<tr>
														<th colspan="2" class="text-center font-weight-bold">{{$meatCaronItem->name}}</th>
													</tr>
													<tr>
														<th>{{__('messages.Quantity')}}</th>
														<th>{{__('messages.weight')}}</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td><input type="number"
															class="meat-carton-item carton-item-{{$item->purchaseItem->id}} form-control meat-carton-item-qty"
															min="0" required=""
															data-purchase-item-id="{{$item->purchaseItem->id}}"
															data-item-id="{{$meatCaronItem->id}}" value="0"></td>
														<td><input type="number"
															class="meat-carton-item carton-item-{{$item->purchaseItem->id}} form-control meat-carton-item-weight"
															min="0" required=""
															data-purchase-item-id="{{$item->purchaseItem->id}}"
															data-item-id="{{$meatCaronItem->id}}" value="0"></td>
													</tr>
												</tbody>
											</table>
										</div>
										@endforeach
									</div>
								</td>
							</tr>
							@endif @endforeach
						</tbody>
					</table>


					<div class="tab-pane fade active show" id="pills-show-items"
						role="tabpanel" aria-labelledby="pills-contact-tab">
						<div class="custoTable" style="overflow: hidden;">
							<div class="table_responsive libra-order">
								<table id="show-myTableItems">
									<thead>
										<tr>
											<th colspan="2">{{__('messages.Driver Name')}}</th>
											<th>{{__('messages.Entry time')}}</th>
											<th>{{__('messages.Time out')}}</th>
											<th>{{__('messages.Truck length')}}</th>
											<th>{{__('messages.Truck width')}}</th>
											<th>{{__('messages.Truck height')}}</th>
											<th>{{__('messages.Truck back')}}</th>
											<th>{{__('messages.Total')}}</th>

										</tr>
									</thead>
									<tbody>
										<tr>
											<td>{{__('messages.Name')}}</td>
											<td>{{$permit->driver_name}}</td>
											<th rowspan="2"><input type="datetime-local"
												class="form-control" id="Entry_time"
												onfocus="setDefaultEntryTime()"
												value="{{  $permit->libra !== null ?  $permit->libra->entry_time : $permit->date}}"
												{{ optional($permit->libra)->entry_time ? 'disabled' : ''
												}}></th>
											<th rowspan="2"><input type="datetime-local"
												class="form-control" id="Time_out"
												onfocus="setDefaultDateTime()"
												value="{{  $permit->libra->time_out ?? '' }}"
												{{ optional($permit->libra)->time_out ? 'disabled' : '' }}>
											</th>
											<th rowspan="2"><input type="number" class="form-control"
												id="Truck_length"
												value="{{  $permit->libra->truck_length ?? 0}}"></th>
											<th rowspan="2"><input type="number" class="form-control"
												id="Truck_width"
												value="{{  $permit->libra->truck_width ?? 0 }}"></th>
											<th rowspan="2"><input type="text" class="form-control"
												id="Truck_height"
												value="{{  $permit->libra->truck_height ?? 0 }}"></th>
											<th rowspan="2"><input type="text" class="form-control"
												id="Truck_back"
												value="{{  $permit->libra->truck_back ?? 0}}"></th>
											<th rowspan="2"><input type="text" class="form-control"
												id="Total" value="{{  $permit->libra->total ?? 0}}"></th>
										</tr>
										<tr>
											<td>{{__('messages.phone')}}</td>
											<td>{{$permit->phone_number}}</td>
										</tr>
									</tbody>
								</table>
							</div>

						</div>
					</div>


					<div class="mt-4 p-5">
						<button type="button" data-bs-toggle="modal"
							data-bs-target="#RejectModal" class="btn btn-danger float-sm-end"
							id="cancel-btn">{{__('messages.Cancel')}}</button>
						<button type="button" class="btn btn-primary float-sm-start"
							id="save-btn">{{__('messages.Save')}}</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{{-- ------------- MODALS ----------------- --}} {{-- Reject Modal --}}
<input type="hidden" id="form-route"
	value="{{ route('rejected.orders.summary.report') }}">
<input type="hidden" id="purchase-serial"
	value="{{$purchase->serial_number}}">
<div class="modal fade" id="RejectModal" tabindex="-1"
	aria-labelledby="RejectModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="RejectModalLabel"></h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal"
					aria-label="Close"></button>
			</div>
			<div class="modal-body row">
				<div class="alert alert-danger modal-errors-container" role="alert"
					style="display: none;">
					<ul id="modal-errors-list"></ul>
				</div>
				<div class="form-group mb-3 col-md-12">
					<label> {{__('messages.Rejected Reason')}}</label>
					<textarea class="form-control" id="rejected-reason" name="reject"
						rows="3"></textarea>
				</div>
			</div>
			<div class="containerDragDop">
				<div class="header-section" style="padding: 14px 0px;">
					<h1>{{__('messages.upload files')}}</h1>
					<p>{{__('messages.PDF, Images & Videos are allowed')}}</p>
					<p class="files-error d-none text-danger">{{__('messages.too_many_files')}}</p>
				</div>
				<div class="drop-section-customcss drop-section">
					<div class="col">
						<div class="cloud-icon">
							<img src="/metronic/images/iconsDragAndDrop/cloud.png"
								alt="cloud">
						</div>
						<span>{{__('messages.Drag & Drop your files here')}}</span> <span>{{__('messages.OR')}}</span>
						<button class="file-selector">{{__('messages.Browse Files')}}</button>
						<input name="files" type="file" id="FileList"
							class="file-selector-input" multiple>
					</div>
					<div class="col">
						<div class="drop-here">{{__('messages.Drop Here')}}</div>
					</div>
				</div>
				<div class="list-section-customcss list-section">
					<div class="list-title">{{__('messages.Uploaded Files')}}</div>
					<div class="list" id="FileList"></div>
				</div>
			</div>
			<div class="table-container" id="customDesignTablePermitInRecevOrder"
				style="overflow: auto; margin: 25px;">
				<table id="permits-table">
				</table>
			</div>
			<div class="modal-footer justify-content-between">
				<button type="button" class="btn btn-primary"
					id="generat-receipt-purshase">{{__('messages.Add a receipt
					report')}}</button>
				<div>
					<button type="button" class="btn btn-secondary"
						data-bs-dismiss="modal">{{__('messages.Close')}}</button>
					<button type="button" class="btn btn-danger" id="reject-btn">{{__('messages.Reject')}}</button>
				</div>
			</div>
		</div>
	</div>
</div>
{{-- Reject Modal End --}}
@endsection @section("scripts")
<script>
    var translations = {
        'translationsMessage': '{{ __("messages.The quantity must be less or equal") }} {{ __("messages.In Stock") }}',
    };


</script>
<script>
    var translations2 = {

    	ID:"{{__('messages.ID')}}",
		Supplier: "{{ __('messages.Supplier') }}",
		DriverName: "{{ __('messages.Driver Name') }}",
		ContainerQuantity: "{{ __('messages.Container quantity') }}",
		QuantityReceived: "{{ __('messages.Quantity received') }}",
		TrailerNumber: "{{ __('messages.Trailer Number') }}",
		ItemName:"{{__('messages.Item name')}}",
        date:"{{__('messages.Date')}}",
        serial:"{{__('messages.Serial')}}",
        serial:"{{__('messages.Sales and purchases report')}}",
		print:"{{__('messages.Print')}}",
		title:"{{__('messages.Receipt summary report')}}",
		NoDataFound:"{{__('messages.No Data Found')}}",
		customer:"{{__('messages.Customer')}}",

    };
</script>
<script
	src="{{asset('metronic/js/pages/inventory-receive-order-process.js?v=').config('app.version')}}"></script>
<script src="{{asset('metronic/js/components/uploadFiles.js')}}"></script>

@endsection