@extends("layouts.app")
@section("content")
<div class="d-flex justify-content-between mb-3">
    <h4>Products</h4>
    <a href="{{ route("products.create") }}" class="btn btn-primary">+ Add Product</a>
</div>
<form class="row g-2 mb-3">
    <div class="col-md-4"><input name="q" value="{{ request("q") }}" class="form-control" placeholder="Name / SKU / Brand / Model"></div>
    <div class="col-md-3">
        <select name="category_id" class="form-select">
            <option value="">সব Category</option>
            @foreach($categories as $c)
                <option value="{{ $c->id }}" @selected(request("category_id") == $c->id)>{{ $c->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-auto form-check pt-2 ms-2">
        <input type="checkbox" name="low" value="1" class="form-check-input" id="low" @checked(request("low"))>
        <label for="low" class="form-check-label">Low Stock</label>
    </div>
    <div class="col-auto"><button class="btn btn-dark">Filter</button></div>
</form>
<div class="card"><div class="table-responsive"><table class="table table-hover align-middle mb-0">
    <thead><tr>
        <th>Name</th><th>SKU</th><th>Brand / Model</th><th>Category</th>
        <th class="text-end">Purchase</th><th class="text-end">Selling</th>
        <th class="text-center">Stock</th><th>Warranty</th><th>Serial</th><th width="150">Action</th>
    </tr></thead>
    <tbody>
    @forelse($items as $i)
        <tr>
            <td>{{ $i->name }} @unless($i->is_active)<span class="badge bg-secondary">Inactive</span>@endunless</td>
            <td>{{ $i->sku }}</td>
            <td>{{ $i->brand }} {{ $i->model }}</td>
            <td>{{ $i->category?->name }}</td>
            <td class="text-end">{{ number_format($i->purchase_price, 2) }}</td>
            <td class="text-end">{{ number_format($i->selling_price, 2) }}</td>
            <td class="text-center"><span class="badge {{ $i->isLowStock() ? "bg-danger" : "bg-success" }}">{{ $i->stock_qty }}</span></td>
            <td>{{ $i->warranty_months ? $i->warranty_months." মাস" : "—" }}</td>
            <td>{!! $i->has_serial ? "<span class="badge bg-info">Yes</span>" : "—" !!}</td>
            <td>
                <a href="{{ route("products.edit", $i) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                <x-delete :action="route('products.destroy', $i)" />
            </td>
        </tr>
    @empty
        <tr><td colspan="10" class="text-center text-muted">কোনো Product নেই</td></tr>
    @endforelse
    </tbody>
</table></div></div>
<div class="mt-3">{{ $items->links() }}</div>
@endsection