@extends('frontend.layouts.app', ['title' => 'Search Results'])
@section('content')
    <x-breadcrumb :items="[
        [
            'label' => request()->query('q'),
            'url' => null,
        ],
    ]" />
    <div class="container">
        {{-- <h1 class="category_title margin_top_all_section">Search Products</h1> --}}
        <div class="best-seller_container">
            @if (isset($products) && count($products) > 0)
                <section class="best-seller">
                    <div class="container">
                        <div class="product-card-grid row">
                            @foreach ($products as $product)
                                @php
                                    $isInWishlist = $wishlist->contains('product_id', $product->product_id);
                                @endphp
                                <div class="col-md-3">
                                    <a href="{{ route('single.product.view', $product->slug) }}">
                                        <div class="product-card">
                                            <img src="{{ asset('storage/' . $product->product_image) }}"
                                                alt="Summer Collection" class="product-card-image">
                                            <div class="wishlist">
                                                <span class="like-icon {{ $isInWishlist ? 'liked' : 'add-to-wishlist' }}"
                                                    title="wishlist"></span>
                                                {{-- <i class="far fa-heart"></i> --}}
                                            </div>
                                            <div class="product-card-info">
                                                <h3 class="product-card-title">{{ $product->product_name }}</h3>
                                                <p class="product-card-subtitle">{{ $product->description }}</p>
                                                <div class="product-card-price">
                                                    <span
                                                        class="current-price">₹{{ number_format($product->base_price, 0) }}</span>
                                                    <span
                                                        class="original-price">₹{{ number_format($product->base_mrp, 0) }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </section>
            @else
                <div class="Image-not-found"><img src="{{ asset('images/banner/Image-not-found.png') }}" alt="">
                    <h4 class="mt-4 text-dark text-center">No Products Found.</h4>
                   <div class="goto-shop">
                    <a href="{{ route('shop.page.index') }}"><button class="hover-btn">Go to Shop</button></a>
                   </div>
                </div>
            @endif
        </div>
        {{ $products->links('pagination::bootstrap-4') }}
    </div>
@endsection