@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')


     <main class="main">
        	<div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
        		<div class="container">
        			<h1 class="page-title">Wishlist<span>Shop</span></h1>
        		</div><!-- End .container -->
        	</div><!-- End .page-header -->
            <nav aria-label="breadcrumb" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('index') }}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('shop.page.index') }}">Shop</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Wishlist</li>
                    </ol>
                </div><!-- End .container -->
            </nav><!-- End .breadcrumb-nav -->

            <div class="page-content">
            	<div class="container">
					@if ($wishlists->isNotEmpty())
					<table class="table table-wishlist table-mobile">
						<thead>
							<tr>
								<th>Product</th>
								<th>Price</th>
								{{-- <th>Stock Status</th> --}}
								<th></th>
								<th></th>
							</tr>
						</thead>

						<tbody>

                             @if ($wishlists->isNotEmpty())
                                @foreach ($wishlists as $wishlist)
									
								<tr>
								<td class="product-col">
									<div class="product whishlist_image_product"
                                                            data-product-id="{{ $wishlist->product_id }}">
										<figure class="product-media">
											<a href="{{ route('single.product.view', $wishlist->product->slug ?? "test") }}">
												<img src="{{ asset('storage/'.$wishlist->product_image) }}" alt="Product image">
											</a>
										</figure>

										<h3 class="product-title">
											<a href="{{ route('single.product.view', $wishlist->product->slug  ?? "test") }}">{{ $wishlist->product_name }}</a>
										</h3><!-- End .product-title -->
									</div><!-- End .product -->
								</td>
								<td class="price-col">&#8377;{{ $wishlist->price ?? $wishlist->base_price }}  
                                    {{-- {{ $wishlist->mrp }} --}}
                                </td>
								{{-- <td class="stock-col"><span class="in-stock">In stock</span></td> --}}
                                <td class="action-col">
									<button class="btn btn-block btn-outline-primary-2 add-to-cart" data-id="{{ $wishlist->product_id }}"><i class="icon-cart-plus"></i>Add to Cart</button>
								</td>
								{{-- <td class="action-col">
                                    <div class="dropdown">
									<button class="btn btn-block btn-outline-primary-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        <i class="icon-list-alt"></i>Select Options
                                    </button>

                                    <div class="dropdown-menu">
                                        <a class="dropdown-item" href="#">First option</a>
                                        <a class="dropdown-item" href="#">Another option</a>
                                        <a class="dropdown-item" href="#">The best option</a>
                                      </div>
                                    </div>
								</td> --}}
								{{-- @dd($wishlist) --}}
								<td class="remove-col"><button class="btn-remove remove-from-wishlist" data-id="{{ $wishlist->product_id }}"><i class="icon-close"></i></button></td>
							</tr>

                               @endforeach
                                @else
                                    <h2>No Products Found In Wishlist</h2>
                                @endif
							{{-- <tr>
								<td class="product-col">
									<div class="product">
										<figure class="product-media">
											<a href="#">
												<img src="assets/images/products/table/product-2.jpg" alt="Product image">
											</a>
										</figure>

										<h3 class="product-title">
											<a href="#">Blue utility pinafore denim dress</a>
										</h3><!-- End .product-title -->
									</div><!-- End .product -->
								</td>
								<td class="price-col">$76.00</td>
								<td class="stock-col"><span class="in-stock">In stock</span></td>
								<td class="action-col">
									<button class="btn btn-block btn-outline-primary-2"><i class="icon-cart-plus"></i>Add to Cart</button>
								</td>
								<td class="remove-col"><button class="btn-remove"><i class="icon-close"></i></button></td>
							</tr>
							<tr>
								<td class="product-col">
									<div class="product">
										<figure class="product-media">
											<a href="#">
												<img src="assets/images/products/table/product-3.jpg" alt="Product image">
											</a>
										</figure>

										<h3 class="product-title">
											<a href="#">Orange saddle lock front chain cross body bag</a>
										</h3><!-- End .product-title -->
									</div><!-- End .product -->
								</td>
								<td class="price-col">$52.00</td>
								<td class="stock-col"><span class="out-of-stock">Out of stock</span></td>
								<td class="action-col">
									<button class="btn btn-block btn-outline-primary-2 disabled">Out of Stock</button>
								</td>
								<td class="remove-col"><button class="btn-remove"><i class="icon-close"></i></button></td>
							</tr> --}}
						</tbody>
					</table><!-- End .table table-wishlist -->
					@else

					 <h2>No Products Found In Wishlist</h2>
					@endif
	            	{{-- <div class="wishlist-share">

	            		<div class="social-icons social-icons-sm mb-2">
	            			<label class="social-label">Share on:</label>
	    					<a href="#" class="social-icon" title="Facebook" target="_blank"><i class="icon-facebook-f"></i></a>
	    					<a href="#" class="social-icon" title="Twitter" target="_blank"><i class="icon-twitter"></i></a>
	    					<a href="#" class="social-icon" title="Instagram" target="_blank"><i class="icon-instagram"></i></a>
	    					<a href="#" class="social-icon" title="Youtube" target="_blank"><i class="icon-youtube"></i></a>
	    					<a href="#" class="social-icon" title="Pinterest" target="_blank"><i class="icon-pinterest"></i></a>
	    				</div><!-- End .soial-icons -->
	            	</div><!-- End .wishlist-share --> --}}
            	</div><!-- End .container -->
            </div><!-- End .page-content -->
        </main><!-- End .main -->

@endsection