@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Edit Attribute Value</p>
	<ul>
		<li><a href="{{ route('attribute-values.index') }}">{{ __('List') }}</a></li>
	</ul>
</div>

<div class="content">
	<form method="POST" action="{{ route('attribute-values.update', $attributeValue->id) }}">
		@csrf
		@method('PUT')
		<table class="table table-borderless">
			<tbody>
				<tr>
					<th class="bg-light" width="50%"><label for="attribute_id">Attribute</label></th>
					<th class="bg-light" width="50%"><label for="value">Value</label></th>
				</tr>
				<tr>
					<td>
						<select name="attribute_id" id="attribute_id" class="form-control @error('attribute_id') is-invalid @enderror" required>
							<option value="" disabled>Select Attribute</option>
							@foreach($attributes as $attribute)
							<option value="{{ $attribute->id }}" {{ $attribute->id == $attributeValue->attribute_id ? 'selected' : '' }}>
								{{ $attribute->name }}
							</option>
							@endforeach
						</select>
						@error('attribute_id')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
					<td>
						<input type="text" class="form-control @error('value') is-invalid @enderror" id="value" name="value" value="{{ old('value', $attributeValue->value) }}" required>
						@error('value')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
				</tr>
			</tbody>
		</table>
		<button type="submit" class="btn btn-primary mt-2" style="float: right;">Update</button>
		<a href="{{ route('attribute-values.index') }}" class="btn btn-secondary mt-2" style="float: right; margin-right: 10px;">Cancel</a>
	</form>
</div>

@endsection