@extends('layouts.app')

@section('content')
    <div class="page-title">
        <div>
            <h1>Products</h1>
            <p class="muted">Manage barcode, QR, variants, bundles, tax, stock and smart-preview details for billing.</p>
        </div>
        <a class="btn btn-primary" href="{{ route('products.create') }}">Add product</a>
    </div>

    <section class="stat-grid">
        <div><span class="muted">Total products</span><strong>{{ number_format($products->total()) }}</strong></div>
        <div><span class="muted">Low stock</span><strong>{{ number_format($lowStockCount) }}</strong></div>
        <div><span class="muted">Categories</span><strong>{{ number_format($categories->count()) }}</strong></div>
        <div><span class="muted">Active filter</span><strong>{{ request('stock') === 'low' ? 'Low stock' : 'All' }}</strong></div>
    </section>

    <div class="table-wrap" style="margin-top: 16px;">
        <form class="search-row" method="GET">
            <input name="search" value="{{ request('search') }}" placeholder="Search name, SKU or barcode">
            <select name="category_id">
                <option value="">All categories</option>
                @foreach ($categories as $category)
                    <option value="{{ $category->id }}" @selected(request('category_id') == $category->id)>{{ $category->name }}</option>
                @endforeach
            </select>
            <select name="stock">
                <option value="">All stock</option>
                <option value="low" @selected(request('stock') === 'low')>Low stock only</option>
            </select>
            <button class="btn btn-secondary" type="submit">Filter</button>
        </form>

        <table>
            <thead>
                <tr>
                    <th>Product</th>
                    <th>Category</th>
                    <th>Barcode</th>
                    <th>Price</th>
                    <th>Tax</th>
                    <th>Stock</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($products as $product)
                    <tr>
                        <td>
                            <strong>{{ $product->name }}</strong>
                            <div class="muted">{{ $product->sku }} {{ $product->is_combo ? '- Combo' : '' }}</div>
                        </td>
                        <td>{{ $product->category?->name ?? 'Uncategorized' }}</td>
                        <td>{{ $product->barcode ?: '-' }}</td>
                        <td>Rs {{ number_format((float) $product->sale_price, 2) }}</td>
                        <td>{{ $product->tax_rate }}%</td>
                        <td>
                            <span class="badge {{ $product->stock_quantity <= $product->low_stock_threshold ? 'suspended' : 'active' }}">
                                {{ $product->stock_quantity }} / {{ $product->low_stock_threshold }}
                            </span>
                        </td>
                        <td><span class="badge {{ $product->status }}">{{ ucfirst($product->status) }}</span></td>
                        <td>
                            <div class="actions">
                                <a class="btn btn-secondary" href="{{ route('products.edit', $product) }}">Edit</a>
                                <form method="POST" action="{{ route('products.destroy', $product) }}">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-danger" type="submit">Inactive</button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8">No products found.</td></tr>
                @endforelse
            </tbody>
        </table>
        {{ $products->links() }}
    </div>
@endsection