@extends('layouts.admin')

@section('content')
<div class="card">
    <div class="card-header">
        <h4>Product Page</h4>
    </div>
    <div class="card-body">
        <div class="table-responsive" style="overflow-x: auto;">
            <table class="table table-striped table-hover text-center" style="width: 1500px; min-width: 1500px;">
                <thead class="table-dark">
                    <tr>
                        <th style="width: 50px;">Id</th>
                        <th style="width: 200px;">Category</th>
                        <th style="width: 200px;">Brand</th>
                        <th style="width: 200px;">Name</th>
                        <th style="width: 150px;">Product Code</th>
                        <th style="width: 150px;">SKU</th>
                        <th style="width: 100px;">Price</th>
                        <th style="width: 100px;">In Stock</th>
                        <th style="width: 200px;">Image</th>
                        <th style="width: 200px;">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($products as $item)
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>{{ $item->category->name }}</td>
                        <td>{{ $item->brand->name }}</td>
                        <td>{{ $item->name }}</td>
                        <td>{{ $item->product_code }}</td>
                        <td>{{ $item->sku }}</td>
                        <td>{{ $item->price }}</td>
                        <td>{{ $item->in_stock }}</td>
                        <td>
    @foreach($item->images as $image)
                                <img style="width:10px;" src="{{ asset('storage/images/' . $image->image) }}" class="w-25 h-25" alt="Image Not Found">
                            @endforeach

                        </td>
                       
                        <td>
                            <a class="btn btn-primary" href="{{ url('edit-product/' . $item->id) }}">Edit</a>
                            <a class="btn btn-danger" href="{{ url('delete-product/' . $item->id) }}">Delete</a>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection