@extends('layouts.app')
@section('title', 'সার্চ: ' . $q . ' — ' . $siteName)

@section('content')
<section class="section">
    <div class="container">
        <div class="sec-header">
            <div class="sec-title-wrap">
                <span class="sec-eyebrow">সার্চ ফলাফল</span>
                <h2 class="sec-title">"{{ $q }}"</h2>
                <p class="sec-sub">{{ $products->total() }} টি প্রোডাক্ট পাওয়া গেছে</p>
            </div>
        </div>
        @if($products->isEmpty())
            <div class="empty-state">
                <div><i class="fas fa-search"></i></div>
                <h3>কোনো ফলাফল নেই</h3>
                <p>"{{ $q }}" এর জন্য কোনো প্রোডাক্ট পাওয়া যায়নি।</p>
            </div>
        @else
            <div class="product-grid">
                @foreach($products as $p)
                    @include('components.product-card', ['p' => $p])
                @endforeach
            </div>
            <div style="margin-top:2rem;display:flex;justify-content:center;">
                {{ $products->links() }}
            </div>
        @endif
    </div>
</section>
@endsection