@extends("layouts.app")

@section("content")
<div class="container">
    <h1>Search Results</h1>
    <p>Found {{ $searchCount }} results for "<strong>{{ $search }}</strong>"</p>

    <div class="row">
        {{-- Sidebar for filters (optional) --}}
        <div class="col-md-3">
            <h2>Categories</h2>
            <ul>
                <li><a href="{{ route("products.search", ["search" => $search]) }}">All Categories</a></li>
                @foreach($categories as $category)
                    <li><a href="{{ route("products.search", ["search" => $search, "category" => $category->slug]) }}">{{ $category->name }}</a></li>
                @endforeach
            </ul>
            {{-- Add other filters like price range if needed --}}
        </div>

        {{-- Main content area for products --}}
        <div class="col-md-9">
            <div class="row">
                @forelse($products as $product)
                    <div class="col-md-4 mb-4">
                        <div class="card">
                            {{-- Assuming a helper or standard way to get image --}}
                            {{-- <img src="{{ $product->image_url ?? asset("images/placeholder.png") }}" class="card-img-top" alt="{{ $product->name }}"> --}}
                            <div class="card-body">
                                <h5 class="card-title">{{ $product->name }}</h5>
                                <p class="card-text">${{ $product->sale_price ?? $product->price }}</p>
                                {{-- Add link to product details page --}}
                                {{-- <a href="{{ route("product.show", $product->slug) }}" class="btn btn-primary">View Details</a> --}}
                                {{-- Add to cart button --}}
                                <form action="{{ route("cart.add") }}" method="POST">
                                    @csrf
                                    <input type="hidden" name="product_id" value="{{ $product->id }}">
                                    <input type="hidden" name="quantity" value="1">
                                    <button type="submit" class="btn btn-success">Add to Cart</button>
                                </form>
                            </div>
                        </div>
                    </div>
                @empty
                    <div class="col-12">
                        <p>No products found matching your search criteria.</p>
                    </div>
                @endforelse
            </div>

            {{-- Pagination --}}
            <div class="d-flex justify-content-center">
                {{ $products->links() }}
            </div>
        </div>
    </div>
</div>
@endsection