@extends('layouts.app')
@section('title', 'Products')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4>Products</h4>
    <a href="{{ route('products.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Product</a>
</div>
<div class="card p-3">
    <div class="row mb-3">
        <div class="col-md-4"><input type="text" class="form-control" placeholder="Search..."></div>
        <div class="col-md-3">
            <select class="form-select"><option value="">All Categories</option></select>
        </div>
    </div>
    <table class="table table-bordered table-hover">
        <thead><tr><th>Image</th><th>Name</th><th>SKU</th><th>Category</th><th>Price</th><th>Stock</th><th>Status</th><th>Action</th></tr></thead>
        <tbody>
            <tr><td colspan="8" class="text-center">No products found.</td></tr>
        </tbody>
    </table>
</div>
@endsection