@extends('layouts.app')

@section('content')
<div class="content-header">
    <p class="title">Items</p>
    <ul>
        <li><a href="{{ route('items.create') }}">{{ _('Add New Item') }}</a></li>
    </ul>
</div>

<div class="content">
    <table id="myTable" class="table table-bordered table-striped table-hover">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>SKU</th>
                <th>Rack</th>
                <th>Variations</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($items as $item)
            <tr>
                <td>{{ $item->id }}</td>
                <td>{{ $item->name }}</td>
                <td>{{ $item->unique_code }}</td>
                <td>{{ $item->rack_no }}</td>
                <td>
                    @if($item->variations->isNotEmpty())
                    <ul>
                        @foreach($item->variations as $variation)
                        <li>
                            SKU: {{ $variation->sku }}
                            (@foreach($variation->variationAttributes as $index => $attribute)
                            {{ $attribute->attributeValue->value }}@if(!$loop->last) - @endif
                            @endforeach)

                        </li>
                        @endforeach
                    </ul>
                    @else
                    No variations available
                    @endif
                </td>
                <td>
                    <!-- Edit Button with FontAwesome Icon -->
                    <a href="{{ route('items.edit', $item->id) }}" class="btn btn-info">
                        <i class="fas fa-edit"></i>
                    </a>

                    <!-- Delete Button with FontAwesome Icon -->
                    <form action="{{ route('items.destroy', $item->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this item?');">
                        @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