@extends('layouts.admin')
@section('page-title', 'Products')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0">Products</h4>
    <a href="{{ route('admin.products.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i>Add Product</a>
</div>

<form class="row g-2 mb-3">
    <div class="col-md-8"><input name="search" class="form-control" placeholder="Search name, SKU, code..." value="{{ request('search') }}"></div>
    <div class="col-md-4"><button class="btn btn-outline-secondary w-100">Search</button></div>
</form>

<div class="card">
    <div class="table-responsive">
        <table class="table mb-0">
            <thead><tr><th>Product</th><th>SKU</th><th>Category</th><th>Cost</th><th>Default Price</th><th>Stock</th><th>Status</th><th>Actions</th></tr></thead>
            <tbody>
                @forelse ($products as $p)
                <tr>
                    <td class="fw-medium">{{ $p->name }}</td>
                    <td>{{ $p->sku }}</td>
                    <td>{{ $p->category->name }}</td>
                    <td>₹{{ number_format($p->cost_price, 2) }}</td>
                    <td>₹{{ number_format($p->default_selling_price, 2) }}</td>
                    <td>{{ $p->stock_quantity }} {{ $p->unit }}</td>
                    <td><x-status-badge :status="$p->status" /></td>
                    <td>
                        <a href="{{ route('admin.products.edit', $p) }}" class="btn btn-sm btn-outline-secondary">Edit</a>
                        <form method="POST" action="{{ route('admin.products.destroy', $p) }}" class="d-inline" onsubmit="return confirm('Deactivate this product?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger">Deactivate</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center text-muted py-4">No products yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-3">{{ $products->links() }}</div>
@endsection