@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 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">Wishlist</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>Wishlist</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->

    @if ($wishlists->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 ($wishlists->isNotEmpty())
                                {{-- @dd($wishlists) --}}
                                @foreach ($wishlists as $wishlist)
                                    {{-- @dd($wishlist) --}}
                                    @if (auth()->user())
                                        @if ($wishlist->product)
                                            <li class="grid-item">
                                                <div class="shop-box mb-10px" data-product-id="{{ $wishlist->product_id }}">
                                                    <div class="shop-image mb-20px">
                                                        <a
                                                            href="{{ route('single.product.view', $wishlist->product->slug) }}">
                                                            <img src="{{ asset('storage/' . $wishlist->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(count($wishlist->product->variations) >1 && ($wishlist->product->variations[0]->stock == 0 || $wishlist->product->variations[0]->stock == "0")) --}}
                                                            @if (count($wishlist->product->variations) > 0 &&
                                                                    ($wishlist->product->variations[0]->stock == 0 || $wishlist->product->variations[0]->stock == '0'))
                                                                <a data-id="{{ $wishlist->product_id }}"
                                                                    class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                                    data-id="{{ $wishlist->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="{{ $wishlist->product_id }}"
                                                                    class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                                    data-id="{{ $wishlist->product_id }}">
                                                                    <i class="feather icon-feather-shopping-bag"></i><span
                                                                        class="quick-view-text button-text">
                                                                        @if ($wishlist->product->is_in_cart)
                                                                            Added to cart
                                                                        @else
                                                                            Add to cart
                                                                        @endif
                                                                    </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 remove-from-wishlist liked"
                                                                        data-id="{{ $wishlist->product->product_id }}"
                                                                        onclick="addTowishListClass(this)"
                                                                        data-bs-toggle="tooltip" data-bs-placement="left"
                                                                        title="Added 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', $wishlist->product->slug) }}"
                                                            class="alt-font text-dark-gray fs-19 fw-500">{{ $wishlist->product_name }}</a>
                                                        <div class="price lh-22 fs-16">
                                                            <del>&#8377;{{ $wishlist->product->base_mrp }}</del>&#8377;{{ $wishlist->product->base_price }}
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        @endif
                                    @else
                                        <li class="grid-item">
                                            <div class="shop-box mb-10px" data-product-id="{{ $wishlist->product_id }}">
                                                <div class="shop-image mb-20px">
                                                    <a href="{{ route('single.product.view', $wishlist->slug) }}">
                                                        <img src="{{ asset('storage/' . $wishlist->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($wishlist->variations) --}}
                                                        @if (count($wishlist->variations) == 1 && $wishlist->variations[0]->stock == 0)
                                                            <a data-id="{{ $wishlist->product_id }}"
                                                                class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                                data-id="{{ $wishlist->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="{{ $wishlist->product_id }}"
                                                                class="alt-font btn btn-small btn-box-shadow btn-white btn-round-edge left-icon add-to-cart"
                                                                data-id="{{ $wishlist->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  remove-from-wishlist liked"
                                                                    data-id="{{ $wishlist->product_id }}"
                                                                    onclick="addTowishListClass(this)"
                                                                    data-bs-toggle="tooltip" data-bs-placement="left"
                                                                    title="Added 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', $wishlist->slug) }}"
                                                        class="alt-font text-dark-gray fs-19 fw-500">{{ $wishlist->product_name }}</a>
                                                    <div class="price lh-22 fs-16">
                                                        <del>&#8377;{{ $wishlist->base_mrp }}</del>&#8377;{{ $wishlist->base_price }}
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    @endif
                                @endforeach
                            @else
                                <h2>No Products Found In Wishlist</h2>
                            @endif

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

    @endif
    <!-- end section -->

@endsection