@extends('frontend.layouts.app', ['title' => 'TSG Breeze offers elegant and trendy ladies fashion, featuring stylish outfits, accessories, and timeless essentials for the modern woman'])

@section('content')


    <!-- start section -->
    <section class="top-space-margin-s half-section bg-gradient-very-light-gray">
        <div class="container">
            <div class="row align-items-center justify-content-center"
                data-anime='{ "el": "childs", "translateY": [-15, 0], "opacity": [0,1], "duration": 300, "delay": 0, "staggervalue": 200, "easing": "easeOutQuad" }'>
                <div class="col-12 col-xl-8 col-lg-10 text-center position-relative page-title-extra-large">
                    <h1 class="alt-font fw-600 text-dark-gray mb-10px">Seach Result</h1>
                </div>
                <div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center">
                    <ul>
                        <li><a href="{{ route('index') }}">Home</a></li>
                        <li>Product</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->

    @if ($products->isNotEmpty())

        <!-- start section -->
        <section class="pt-0">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <ul class="shop-modern shop-wrapper grid-loading grid grid-4col xl-grid-3col sm-grid-2col xs-grid-1col gutter-extra-large text-center"
                            data-anime='{ "el": "childs", "translateY": [-15, 0], "opacity": [0,1], "duration": 300, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
                            <li class="grid-sizer"></li>
                            <!-- start shop item -->
                            @if ($products->isNotEmpty())
                                {{-- @dd($products) --}}
                                @foreach ($products as $product)
                                    @php
                                        $isInWishlist = false;
                                        $sessionWishlistData = session('wishlist') ?? [];
                                        if (auth()->user()) {
                                            $isInWishlist = $wishlist->contains('product_id', $product->product_id);
                                        } else {
                                            foreach ($sessionWishlistData as $key => $value) {
                                                // dd($value['product_id'],$product->product_id);
                                                if ($value['product_id'] == $product->product_id) {
                                                    $isInWishlist = true;
                                                }
                                            }
                                        }
                                    @endphp
                                    {{-- @dd($product, $product->product->product_id) --}}
                                    <li class="grid-item">
                                        <div class="shop-box mb-10px" data-product-id="{{ $product->product_id }}">
                                            <div class="shop-image mb-20px">
                                                <a href="{{ route('single.product.view', $product->slug) }}">
                                                    <img src="{{ asset('storage/' . $product->product_image) }}"
                                                        alt="">
                                                    {{-- <span class="lable new">New</span> --}}
                                                    <div class="shop-overlay bg-gradient-gray-light-dark-transparent">
                                                    </div>
                                                </a>
                                                <div class="shop-buttons-wrap">
                                                    {{-- @dd($product->variations) --}}
                                                    @if (count($product->variations) > 0 && $product->variations[0]->stock == 0)
                                                        <a data-id="{{ $product->product_id }}"
                                                            class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                            data-id="{{ $product->product_id }}">
                                                            <i class="feather icon-feather-shopping-bag"></i><span
                                                                class="quick-view-text button-text">Out of stock</span>
                                                        </a>
                                                    @else
                                                        <a data-id="{{ $product->product_id }}"
                                                            class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                            data-id="{{ $product->product_id }}">
                                                            <i class="feather icon-feather-shopping-bag"></i><span
                                                                class="quick-view-text button-text">Add to cart</span>
                                                        </a>
                                                    @endif

                                                </div>
                                                <div class="shop-hover d-flex justify-content-center">
                                                    <ul>
                                                        <li>
                                                            <a class="w-40px h-40px bg-white text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px  {{ $isInWishlist ? 'remove-from-wishlist liked' : 'add-to-wishlist' }} "
                                                                data-id="{{ $product->product_id }}"
                                                                data-bs-toggle="tooltip" data-bs-placement="left"
                                                                 title="{{ $isInWishlist ? ' Added to wishlist' : ' Add to wishlist' }}"><i
                                                                    class="feather icon-feather-heart fs-16"></i></a>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="shop-footer text-center">
                                                <a href="{{ route('single.product.view', $product->slug) }}"
                                                    class="alt-font text-dark-gray fs-19 fw-500">{{ $product->product_name }}</a>
                                                <div class="price lh-22 fs-16">
                                                    <del>&#8377;{{ $product->base_mrp }}</del>&#8377;{{ $product->base_price }}
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                @endforeach
                            @else
                                <h2>No Products Found In product</h2>
                            @endif

                        </ul>
                    </div>
                </div>
            </div>
        </section>

    @endif
    <!-- end section -->

@endsection