@extends('layouts.app')

@section('content')

<div class="content-header">
	<p class="title">Add New 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.store') }}">
		@csrf
		<table class="table table-borderless">
			<tbody>
				<tr>
					<th class="bg-light" width="50%"><label for="inv_attribute_id">Attribute</label></th>
					<th class="bg-light" width="50%"><label for="value">Values (comma separated)</label></th>
				</tr>
				<tr>
					<td>
						<select name="inv_attribute_id" class=" form-control @error('inv_attribute_id') is-invalid @enderror" id="inv_attribute_id" required>
							<option value="" disabled selected>Select Attribute</option>
							@foreach($attributes as $attribute)
							<option value="{{ $attribute->id }}">{{ $attribute->name }}</option>
							@endforeach
						</select>
						@error('inv_attribute_id')
						<div class="invalid-feedback">{{ $message }}</div>
						@enderror
					</td>
					<td>
						<input type="text" name="value" class="mt-3 form-control @error('value') is-invalid @enderror" id="value" value="{{ old('value') }}" required>
						<small class="form-text text-muted">Enter multiple values separated by commas.</small>
						@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;">Save</button>
	</form>
</div>

@endsection