@extends('layouts.admin', ['heading' => 'Products'])

@section('content')
<div class="mb-4 flex justify-end"><a class="btn-primary" href="{{ route('admin.products.create') }}">Add Product</a></div>
<div class="panel overflow-hidden">
    <table class="w-full text-left text-sm">
        <thead class="bg-green-50"><tr><th class="p-3">Product</th><th>SKU</th><th>Category</th><th>Price</th><th>Stock</th><th></th></tr></thead>
        <tbody class="divide-y">
            @foreach ($products as $product)
                <tr>
                    <td class="p-3 font-bold">{{ $product->name }}</td>
                    <td>{{ $product->sku }}</td>
                    <td>{{ $product->category?->name }}</td>
                    <td>R{{ $product->price }}</td>
                    <td>{{ $product->stock_quantity }}</td>
                    <td><a class="font-bold text-pantry-leaf" href="{{ route('admin.products.edit', $product) }}">Edit</a></td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
<div class="mt-5">{{ $products->links() }}</div>
@endsection