@extends('admin.layouts.app')
@section('page-title', 'Product List')
@section('body-class', 'inventory-preview')
@push('styles')
<link rel="stylesheet" href="{{ asset('assets/inventory.css') }}?v={{ filemtime(public_path('assets/inventory.css')) }}">
@endpush
@section('content')
<div class="inventory-workspace">
    <div class="inventory-toolbar"><div><h2>Products</h2><span class="quiet-badge">Catalog</span></div><div>
        @if(auth()->user()->hasPermission('products.export'))<a class="inventory-button" href="{{ route('admin.products.export',request()->only(['q','category','status'])) }}">Export CSV</a>@endif
        @if(auth()->user()->hasPermission('products.stock'))
            <a class="inventory-button" href="{{ route('admin.products.stock.create') }}">Add Stock</a>
        @endif
        @if(auth()->user()->hasPermission('products.create'))
            <a class="inventory-button inventory-button-primary" href="{{ route('admin.products.create') }}"><x-icon name="plus" :size="15" /> Add a Product</a>
        @endif
    </div></div>
    <div class="inventory-metrics" aria-label="Catalog summary">@foreach($metrics as $label => $value)<div class="inventory-metric"><div><small>{{ $label }}</small><strong>{{ $value }}</strong></div></div>@endforeach</div>
    <section class="panel inventory-list-panel" aria-label="Product catalog">
        <form action="{{ route('admin.products.index') }}" method="get">
            <div class="inventory-filters">
                <label class="inventory-search"><x-icon name="search" :size="17" /><input type="search" name="q" maxlength="80" value="{{ $filters['q'] }}" aria-label="Search products by name, code or SKU" placeholder="Search name, code or SKU"></label>
                <label><span class="sr-only">Category</span><select name="category"><option value="">All categories</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected($filters['category'] === (string) $category->id)>{{ $category->name }}</option>@endforeach</select></label>
                <label><span class="sr-only">Product status</span><select name="status"><option value="">All statuses</option><option value="active" @selected($filters['status'] === 'active')>Active</option><option value="draft" @selected($filters['status'] === 'draft')>Draft</option></select></label>
                <button class="inventory-button" type="submit">Apply filters</button><a class="inventory-text-button" href="{{ route('admin.products.index') }}">Reset filters</a>
            </div>
            <div class="inventory-table-meta"><span>{{ $products->total() }} products found</span><label>Sort <select name="sort">@foreach(['newest' => 'Newest first', 'oldest' => 'Oldest first', 'name' => 'Name A-Z', 'name-desc' => 'Name Z-A', 'price' => 'Lowest price', 'price-desc' => 'Highest price'] as $value => $label)<option value="{{ $value }}" @selected($filters['sort'] === $value)>{{ $label }}</option>@endforeach</select></label><label>Per page <select name="per_page">@foreach([15, 30, 60] as $size)<option value="{{ $size }}" @selected($filters['per_page'] === $size)>{{ $size }}</option>@endforeach</select></label><button class="inventory-button" type="submit">Update</button></div>
        </form>
        <div class="inventory-table-scroll"><table class="inventory-table inventory-products-table"><thead><tr><th>Product</th><th>Category</th><th>Variants</th><th>Stock</th><th>Price (BDT)</th><th>Status</th><th>Actions</th></tr></thead><tbody>
            @forelse($products as $row)
                <tr><td><div class="inventory-product-cell">@if($row->images->first())<img src="{{ route('admin.products.image', $row->images->first()) }}" alt="" width="42" height="52" loading="lazy">@endif<div><a href="{{ route('admin.products.saved', $row) }}"><strong>{{ $row->name }}</strong></a><small class="inventory-product-code">{{ $row->code }}</small></div></div></td><td>{{ $row->category->name }}</td><td>{{ $row->variants_count }}</td><td><strong>{{ number_format($row->stock_total ?? 0) }} units</strong>@if($row->low_stock_count)<small class="inventory-cell-note">{{ $row->low_stock_count }} low / out variants</small>@endif</td><td>@if($row->price_min !== null){{ number_format((float) $row->price_min, 2) }}@if($row->price_min != $row->price_max) &ndash; {{ number_format((float) $row->price_max, 2) }}@endif @else Not set @endif</td><td><span class="quiet-badge">{{ ucfirst($row->status) }}</span></td><td><a class="inventory-button" href="{{ route('admin.products.saved', $row) }}">Details</a>@if(auth()->user()->hasPermission('products.stock')) <a class="inventory-button" href="{{ route('admin.products.stock.create', ['product' => $row->id]) }}">+ Stock</a>@endif
                @if(auth()->user()->hasPermission('products.edit'))
                    <a class="inventory-button" href="{{ route('admin.products.edit', $row) }}">Edit</a>
                @endif
                @if(auth()->user()->hasPermission('products.delete'))<a class="inventory-button" href="{{ route('admin.products.delete',$row) }}">Delete</a>@endif
                </td></tr>
            @empty
                <tr><td colspan="7">No saved products match these filters.</td></tr>
            @endforelse
        </tbody></table></div>
        <div class="inventory-pagination"><span>{{ $products->firstItem() ?? 0 }}-{{ $products->lastItem() ?? 0 }} of {{ $products->total() }}</span><div>@if($products->previousPageUrl())<a class="inventory-button" href="{{ $products->previousPageUrl() }}">Previous</a>@endif @if($products->nextPageUrl())<a class="inventory-button" href="{{ $products->nextPageUrl() }}">Next</a>@endif</div></div>
    </section>
    <p class="inventory-note">Stock includes inactive and retired variants holding physical units. Low stock means 3 units or fewer per active variant.</p>
</div>
@endsection