@extends('layouts.admin')
@section('content')
    <h2>Products List</h2>
    <div class="card" style="overflow-x: auto;">
        <table class="table">
            <thead>
                <tr>
                    <th>Image</th>
                    <th>SKU</th>
                    <th>Name</th>
                    <th>Category</th>
                    <th>Price</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @forelse($products as $product)
                <tr>
                    <td>
                        @if($product->image)
                            <img src="{{ asset('assets/images/' . $product->image) }}" alt="img" width="50">
                        @else
                            N/A
                        @endif
                    </td>
                    <td>{{ $product->sku }}</td>
                    <td>{{ $product->name }}</td>
                    <td>{{ $product->category }}</td>
                    <td>{{ $product->price }}</td>
                    <td>{{ $product->status }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" style="text-align: center;">No products found.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection