@php
	$offer_details = null;
	if(isset($material_with_qty) and !empty($material_with_qty)){
		$offer_details = [
			'action' => 'ajax',
			'offer' => null,
			'data' => $material_with_qty
		];
	}
	else if (isset($offer) and isset($offer->offerProductDetail)){
		$offer_details = [
			'action' => 'edit',
			'offer' => $offer->toArray(),
			'data' => $offer->offerProductDetail()->with(['material','unit','color'])->get()->toArray()
		];
	}
@endphp

@if(!empty($offer_details))

	@foreach($offer_details['data'] as $key => $offer_detail)
		@php
			$offer_details_action = $offer_details['action'];
			if($offer_details_action === "edit"){
				$uniqueValue = uniqueValue($key);
				$main_record = "offer_details[$key]";
			}else{
				$main_record = "offer_details[$key]";
			}
		@endphp
		<tr data-tr_count="{{ $key }}" class="table_tr">
			@if($offer_details_action === "edit")
				<input type="hidden" name="{{ $main_record }}[id]" value="{{ $offer_detail['id'] }}">
				<input type="hidden" id="totalCountTr" value="{{ count($offer_details['data']) }}">
				<input type="hidden" name="{{ $main_record }}[requisition_detail_id]"
				       value="{{ $offer_detail['requisition_detail_id'] }}">
				<input type="hidden" name="{{ $main_record }}[requisition_id]"
				       value="{{ $offer_detail['requisition_id'] }}">
			@else
				<input type="hidden" name="{{ $main_record }}[requisition_detail_id]"
				       value="{{ $offer_detail['requisition_detail'] }}">
				<input type="hidden" name="{{ $main_record }}[requisition_id]"
				       value="{{ $offer_detail['requisition_id'] }}">
			@endif
			<td>
				<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
					<div class="btn-group" role="group">
						@if($offer_details_action === "edit")
							<select name="{{ $main_record }}[material_id]" id="material_id_{{ $key }}"
							        data-count="{{ $key }}"
							        class="form-control form-control-sm form-control-solid material-select2-js"
							        data-action="{{ route('material.autocomplete') }}"
							        required
							        @if(!empty($offer_detail['requisitionapproval_id']) and !empty($offer_detail['requisition_detail_id'])) disabled @endif>
								@if(isset($offer_detail['material']) and !empty($offer_detail['material']))
									<option value="{{ $offer_detail['material']['id'] }}"
									        selected>{{ $offer_detail['material']['name'] }}</option>
								@endif
							</select>
							<input type="hidden" name="{{ $main_record }}[material_id]"
							       value="{{ $offer_detail['material_id'] }}">
						@else
							<select name="{{ $main_record }}[material_id]" id="material_id_{{ $key }}"
							        data-count="{{ $key }}"
							        class="form-control form-control-sm form-control-solid material-select2-js"
							        data-action="{{ route('material.autocomplete') }}"
							        required disabled>
								<option value="{{ $offer_detail['material_id'] }}"
								        selected>{{ $offer_detail['material_name'] }}</option>
							</select>
							<input type="hidden" name="{{ $main_record }}[material_id]"
							       value="{{ $offer_detail['material_id'] }}">
						@endif
					</div>
					{{--<button type="button" class="btn btn-primary btn-sm" onclick="GlobalJs.open_new_mini_widow('{{ route('material.create') }}', 500,100)">
						<i class="flaticon-plus"></i>
					</button>--}}
				</div>
				<br>
			</td>
				<td>
				<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
					<div class="btn-group" role="group">
						@if($offer_details_action === "edit")
							<select name="{{ $main_record }}[color_id]" id="color_id_{{ $key }}"
							        data-count="{{ $key }}"
							        class="form-control form-control-sm form-control-solid color-select2-js"
							        data-action="{{ route('color.autocomplete') }}"
							        required
							        @if(!empty($offer_detail['requisitionapproval_id']) and !empty($offer_detail['requisition_detail_id'])) disabled @endif>
								@if(isset($offer_detail['color']) and !empty($offer_detail['color']))
									<option value="{{ $offer_detail['color']['id'] }}"
									        selected>{{ $offer_detail['color']['name'] }}</option>
								@endif
							</select>
							<input type="hidden" name="{{ $main_record }}[color_id]"
							       value="{{ $offer_detail['color_id'] }}">
						@else
							<select name="{{ $main_record }}[color_id]" id="color_id_{{ $key }}"
							        data-count="{{ $key }}"
							        class="form-control form-control-sm form-control-solid color-select2-js"
							        data-action="{{ route('color.autocomplete') }}"
							        required disabled>
								<option value="{{ $offer_detail['color_id'] }}"
								        selected>{{ $offer_detail['color_name'] }}</option>
							</select>
							<input type="hidden" name="{{ $main_record }}[color_id]"
							       value="{{ $offer_detail['color_id'] }}">
						@endif
					</div>
					{{--<button type="button" class="btn btn-primary btn-sm" onclick="GlobalJs.open_new_mini_widow('{{ route('material.create') }}', 500,100)">
						<i class="flaticon-plus"></i>
					</button>--}}
				</div>
				<br>
			</td>
			<td>
				<div class="input-group">
					<input type="text" class="form-control form-control-sm"
					       name="{{ $main_record }}[brand]" id="brand_{{$key}}" data-count="{{ $key }}"
					       value="{{ isset($offer_detail['brand']) ? $offer_detail['brand'] : '' }}" required/>
				</div>
			</td>
			<td>
				<div class="input-group">
					@if(isset($offer_detail['pending_qty']))
						<input type="text" class="form-control form-control-sm text-right quantity-js"
						       name="{{ $main_record }}[quantity]" id="quantity_{{$key}}" data-count="{{ $key }}"
						       value="{{ number_format($offer_detail['pending_qty'], 3) }}" min="1" required/>
						<input type="hidden" value="{{ $offer_detail['pending_qty'] }}" class="pending_qty-js">
					@else
						@php
							$pending_qty = 0;
							$sum_quantity = \Modules\Offer\Entities\OfferProductDetail::where('offer_id', '!=', $offer->id)->where('requisition_detail_id', $offer_detail['requisition_detail_id'])->sum('quantity');
							$re_detailModel = \Modules\Requisition\Entities\RequisitionDetail::find($offer_detail['requisition_detail_id']);
							if(!empty($re_detailModel)) $pending_qty = ($re_detailModel->approved_qty - ($sum_quantity));
						@endphp
						<input type="text" class="form-control form-control-sm text-right quantity-js"
						       name="{{ $main_record }}[quantity]" id="quantity_{{$key}}" data-count="{{ $key }}"
						       value="{{ number_format($offer_detail['quantity'], 3) }}" min="1" required/>
						@if($pending_qty > 0) <input type="hidden" value="{{ $pending_qty }}"
						                             class="pending_qty-js"> @endif
					@endif
				</div>
			</td>
			<td>
				<div class="input-group">
					<select name="{{$main_record}}[unit_id]" id="unit_id_{{ $key }}" data-count="{{ $key }}"
					        class="form-control form-control-sm unit-select2-js"
					        data-action="{{ route('unit.autocomplete') }}"
					        data-placeholder="select"
					        required>

						@if(isset($offer_detail['unit']) and is_array($offer_detail['unit']))
							<option value="{{ $offer_detail['unit']['id'] }}"
							        selected>{{ $offer_detail['unit']['name'] }}</option>
						@endif
						{{--						@else--}}
						{{--							<option value="{{ $offer_detail['unit_id'] }}"--}}
						{{--							        selected>{{ $offer_detail['unit_name'] }}</option>--}}
						{{--						@endif--}}
					</select>
				</div>
			</td>
			<td>
                <textarea class="form-control form-control-sm" type="text" name="{{$main_record}}[remarks]"
                          id="remarks_{{ $key }}">@if(isset($offer_detail['remarks'])){{ $offer_detail['remarks'] }}@endif</textarea>
			</td>
			<td>
				<button type="button" class="btn btn-sm btn-clean btn-icon delete_row" onclick="$(this).parents('tr').remove()">
					<i class="fas fa-trash-alt text-danger icon-md"></i>
				</button>
			</td>
		</tr>
	@endforeach
@endif