@extends('layouts.app')

@section('content')
<div class="content-header">
	<p class="title">Stock Opening</p>
</div>

<div class="content">
	<!-- Warehouse Selection Form -->
	<form id="warehouseForm" method="GET" action="{{ route('stock-opening.index') }}">
		<div class="form-group my-3">
			<label for="warehouse_id">Select Warehouse</label>
			<select name="warehouse_id" id="warehouse_id" class="form-control" required>
				<option value="" {{ is_null(request('warehouse_id')) ? 'selected' : '' }}>Select Warehouse</option>
				@foreach($warehouses as $warehouse)
				<option value="{{ $warehouse->id }}" {{ request('warehouse_id') == $warehouse->id ? 'selected' : '' }}>
					{{ $warehouse->name }}
				</option>
				@endforeach
			</select>
		</div>
		<button type="submit" class="btn btn-primary">Search</button>
	</form>

	<!-- Only display the following sections if a warehouse is selected -->
	@if(isset($warehouse_id))
	@if(isset($no_items) && $no_items)
	<!-- Show the register option if no items found -->
	<p>No items found for the selected warehouse. <span class="text-success">Register All Items for this Warehouse</span></p>
	<form action="{{ route('stock-opening.register') }}" method="POST">
		@csrf
		<input type="hidden" name="warehouse_id" value="{{ $warehouse_id }}">
		<button type="submit" class="btn btn-success">Register</button>
	</form>
	@else
	<!-- Display items only if warehouse_id is set -->
	<form action="{{ route('stock-opening.store') }}" method="POST">
		@csrf
		<table id="myTable" class="table table-bordered table-striped table-hover">
			<input type="hidden" name="warehouse_id" value="{{ $warehouse_id }}">

			<thead>
				<tr>
					<th>SL</th>
					<th>Item Name</th>
					<th></th>
				</tr>
			</thead>

			<tbody>
				@php $serial = 1; @endphp
				@foreach($items->unique('item.id') as $item)
				<tr>
					<td>{{ $serial++ }}</td>
					<td width="20%">{{ $item->item->name }}</td>
					<td style="padding:0">
						@if($item->item->variations->isNotEmpty())
						<!-- Nested table for variations -->
						<table class="table table-sm" style="margin:0">
							<thead>
								<tr>
									<th width="15%">SKU</th>
									<th width="15%">Attributes</th>
									<th>Quantity</th>
									<th>Rate(cost)</th>
									<th>Amount(cost)</th>
								</tr>
							</thead>
							<tbody>
								@foreach($item->item->variations as $variation)
								<tr>
									<td>{{ $variation->sku }}</td>
									<td>
										@foreach($variation->variationAttributes as $attribute)
										{{ $attribute->attributeValue->value }}@if(!$loop->last), @endif
										@endforeach
									</td>
									<td>
										<!-- Hidden item_id and variation_id fields -->
										<input type="hidden" name="stocks[{{ $variation->id }}][item_id]" value="{{ $item->item->id }}">
										<input type="hidden" name="stocks[{{ $variation->id }}][variation_id]" value="{{ $variation->id }}">

										<!-- Fetch stock quantity -->
										<input type="number" name="stocks[{{ $variation->id }}][qty]" class="form-control stock-qty" placeholder="Qty" min="0" step="0.0001"
											value="{{ $stocks->get('variation_' . $variation->id)->first()->opening_stock ?? 0 }}">
									</td>
									<td>
										<!-- Fetch purchase price -->
										<input type="number" name="stocks[{{ $variation->id }}][purchase_price]" class="form-control purchase-price" placeholder="Purchase Price" min="0" step="0.0001"
											value="{{ $stocks->get('variation_' . $variation->id)->first()->rate ?? 0 }}">
									</td>
									<td>
										<!-- Fetch amount -->
										<input type="number" name="stocks[{{ $variation->id }}][amount]" class="form-control amount" placeholder="Amount" step="0.0001" readonly
											value="{{ $stocks->get('variation_' . $variation->id)->first()->amount ?? 0 }}">
									</td>
								</tr>
								@endforeach
							</tbody>
						</table>
						@else
						<!-- Fallback for items with no variations -->
						<table class="table table-sm" style="margin:0">
							<thead>
								<tr>
									<th colspan="2" width="30%">SKU</th>
									<th>Quantity</th>
									<th>Rate(cost)</th>
									<th>Amount(cost)</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td colspan="2">{{ $item->item->unique_code }}</td>
									<td>
										<!-- Hidden item_id (no variation in this case) -->
										<input type="hidden" name="stocks[{{ $item->item->id }}][item_id]" value="{{ $item->item->id }}">
										<input type="hidden" name="stocks[{{ $item->item->id }}][variation_id]" value="null">

										<!-- Fetch stock quantity -->
										<input type="number" name="stocks[{{ $item->item->id }}][qty]" class="form-control stock-qty" placeholder="Qty" min="0"
											value="{{ $stocks->get('item_' . $item->item->id)->first()->opening_stock ?? 0 }}">
									</td>
									<td>
										<!-- Fetch purchase price -->
										<input type="number" name="stocks[{{ $item->item->id }}][purchase_price]" class="form-control purchase-price" placeholder="Purchase Price" min="0"
											value="{{ $stocks->get('item_' . $item->item->id)->first()->rate ?? 0 }}">
									</td>
									<td>
										<!-- Fetch amount -->
										<input type="number" name="stocks[{{ $item->item->id }}][amount]" class="form-control amount" placeholder="Amount" readonly
											value="{{ $stocks->get('item_' . $item->item->id)->first()->amount ?? 0 }}">
									</td>
								</tr>
							</tbody>
						</table>
						@endif
					</td>
				</tr>
				@endforeach
			</tbody>
		</table>
		<div style="text-align: right;">
			<button type="submit" class="btn btn-primary text-center">Save</button>
		</div>
	</form>
	@endif
	@endif
</div>

<script>
	document.addEventListener('DOMContentLoaded', function() {
		// Calculate the amount dynamically based on quantity and purchase price
		document.addEventListener('input', function(event) {
			if (event.target.classList.contains('stock-qty') || event.target.classList.contains('purchase-price')) {
				let row = event.target.closest('tr');
				let qty = parseFloat(row.querySelector('.stock-qty').value) || 0;
				let purchasePrice = parseFloat(row.querySelector('.purchase-price').value) || 0;
				let amount = qty * purchasePrice;
				row.querySelector('.amount').value = amount.toFixed(2);
			}
		});
	});
</script>
@endsection