@extends('layouts.admin')

@section('title', 'Products')

@section('content')
<div style="margin-bottom: 1rem; display: flex; gap: 1rem; flex-wrap: wrap;">
    <a href="{{ route('admin.products.create') }}" class="btn btn-primary">Add Product</a>
    <form action="{{ route('admin.products.index') }}" method="GET" style="display: flex; gap: 0.5rem;">
        <input type="text" name="search" placeholder="Search..." value="{{ request('search') }}">
        <select name="category">
            <option value="">All Categories</option>
            @foreach($categories as $c)
            <option value="{{ $c->id }}" {{ request('category') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
            @endforeach
        </select>
        <button type="submit" class="btn btn-primary">Filter</button>
    </form>
</div>
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Category</th>
            <th>Price</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @foreach($products as $product)
        <tr>
            <td>{{ $product->name }}</td>
            <td>{{ $product->category->name }}</td>
            <td>Rs {{ number_format($product->base_price, 0) }}</td>
            <td>{{ $product->is_active ? 'Active' : 'Inactive' }}</td>
            <td>
                <a href="{{ route('admin.products.edit', $product) }}" class="btn btn-primary btn-sm">Edit</a>
                <form action="{{ route('admin.products.destroy', $product) }}" method="POST" style="display:inline;" onsubmit="return confirm('Delete?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-sm">Delete</button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
{{ $products->links() }}
@endsection