@extends('layouts.app')

@section('content')
<div class="container">
	<h1>Edit Item Variation</h1>
	<form action="{{ route('item-variations.update', $itemVariation->id) }}" method="POST">
		@csrf
		@method('PUT')
		<div class="form-group">
			<label for="item_id">Item</label>
			<select name="item_id" class="form-control" required>
				@foreach($items as $item)
				<option value="{{ $item->id }}" {{ $item->id == $itemVariation->item_id ? 'selected' : '' }}>
					{{ $item->name }}
				</option>
				@endforeach
			</select>
		</div>
		<div class="form-group">
			<label for="sku">SKU</label>
			<input type="text" name="sku" class="form-control" value="{{ $itemVariation->sku }}" required>
		</div>
		<div class="form-group">
			<label for="price">Price</label>
			<input type="number" name="price" class="form-control" value="{{ $itemVariation->price }}" required>
		</div>
		<div class="form-group">
			<label for="stock_quantity">Stock Quantity</label>
			<input type="number" name="stock_quantity" class="form-control" value="{{ $itemVariation->stock_quantity }}" required>
		</div>
		<div class="form-group">
			<label for="attribute_values">Attributes</label>
			<select name="attribute_values[]" class="form-control" multiple required>
				@foreach($attributeValues as $value)
				<option value="{{ $value->id }}" {{ $itemVariation->attributes->contains($value->id) ? 'selected' : '' }}>
					{{ $value->value }}
				</option>
				@endforeach
			</select>
		</div>
		<button type="submit" class="btn btn-primary">Update</button>
		<a href="{{ route('item-variations.index') }}" class="btn btn-secondary">Cancel</a>
	</form>
</div>
@endsection