@extends('front.layouts.app', ['title' => 'Wishlist'])

@section('content')
@include('front.layouts.app-header')


<section class="page_banner" style="background:rgb(0 0 0 / 60%) url(images/my_acc_bg.jpg) center / cover no-repeat;background-blend-mode:color; ">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="page_banner_title">
                    <h1>Wishlist</h1>
                </div>
                <div class="c_breadcrumb">
                    <ul class="c_breadcrumb_inner">
                        <li class="c_breadcrumb_item">
                            <a href="#!">Home</a>
                        </li>
                        <!-- <li class="c_breadcrumb_item">
                                <a href="#!">Wines</a>
                            </li> -->
                        <li class="c_breadcrumb_item">Wishlist</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="my_acc_sec off_bg wishlist_sec">
    <div class="container">
        <div class="row">
            <div class="col col-3">
                @include('front.my-account.left-sidebar')
            </div>
            <div class="col col-9">
                <div class="my_acc_main_wrap wishlist_main_wrap">
                    <div class="my_acc_main_inner card">
                        <form action="">
                            <div class="card_title">
                                <h3>Wishlist</h3>
                            </div>
                            <div class="card_content">
                                <div class="wishlist_item_wrap">
                                    <div class="wishlist_item_inner">
                                        @if(count($wishlistproducts) > 0)
                                        @foreach($wishlistproducts as $wishlist)
                                        <div class="wishlist_item">
                                            <div class="wishlist_img_wrap">
                                                <a href="#!">
                                                    <img src="{{ url('storage') . '/' .  $wishlist->product->productsImageFirst->filename }}" alt="">
                                                </a>
                                            </div>
                                            <div class="wishlist_item_details">
                                                <h4><a href="{{route('product-detail', ['slug' => $wishlist->product->slug])}}">{{$wishlist->product->name}}</a></h4>
                                                <p>{{$wishlist->product->description}}</p>
                                            </div>
                                            <div class="wishlist_item_price">
                                                <p>{{ config('constant.CURRENCY_SIGN') }}{{$wishlist->product->productsVariantMax->selling_price}}</p>
                                            </div>
                                            <div class="wishlist_item_add_cart">
                                                <a href="{{$wishlist->product->addedInCart ? route('cart'): '#!'}}" class="add_to_cart {{$wishlist->product->addedInCart ? '': 'add_cart_btn'}}"
                                                data-prod_id="{{$wishlist->product->id}}" data-qty="1" data-variantid="{{$wishlist->product->productsVariantFirst->id}}" data-page="wishlist">
                                                    @if($wishlist->product->addedInCart)
                                                    <i class="fa fa-check"></i> Go to Cart
                                                    @else
                                                    Add to cart
                                                    @endif
                                                </a>
                                            </div>
                                            <div class="wishlist_item_remove">
                                                <a href="#!" class="view remove_wishlist" data-prod_id="{{$wishlist->product->id}}">
                                                    <i class="far fa-trash-alt"></i>
                                                </a>
                                            </div>
                                        </div>
                                        @endforeach
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@include('front.layouts.app-footer')
@endsection