@extends('layouts.app')

@section('content')
<div class="content-header">
	<p class="title">Attribute Values</p>
	<ul>
		<li><a href="{{ route('attribute-values.create') }}">{{ _('Add New Attribute Value') }}</a></li>
	</ul>
</div>
<div class="content">
	<table id="myTable" class="table table-bordered table-striped table-hover">
		<thead>
			<tr>
				<th>ID</th>
				<th>Attribute</th>
				<th>Value</th>
				<th>Actions</th>
			</tr>
		</thead>
		<tbody>
			@foreach($attributeValues as $value)

			<tr>
				<td>{{ $value->id }}</td>
				<td>{{ $value->attribute->name }}</td>
				<td>{{ $value->value }}</td>
				<td>
					<!-- Edit Button with FontAwesome Icon -->
					<a href="{{ route('attribute-values.edit', $value->id) }}" class="btn btn-warning">
						<i class="fas fa-edit"></i>
					</a>

					<!-- Delete Button with FontAwesome Icon -->
					<form action="{{ route('attribute-values.destroy', $value->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this attribute value?');">
						@csrf
						@method('DELETE')
						<button type="submit" class="btn btn-danger">
							<i class="fas fa-trash"></i>
						</button>
					</form>
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection