@extends('layouts.master')
@section('title') Aramian Brother`s Jewelry @endsection
<meta name="csrf-token" content="{{ csrf_token() }}">
@section('content')

    <!--breadcrumbs area start-->
    <div class="breadcrumbs_area">
        <div class="container">   
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        
                    </div>
                </div>
            </div>
        </div>         
    </div>
    <div id="ajax-success-message" class="alert alert-success" style="display: none;"></div>
    <div id="ajax-danger-message" class="alert alert-danger" style="display: none;"></div>
    <!--breadcrumbs area end-->
    
    <!--wishlist area start -->
    <div class="wishlist_area">
                <div class="container">   
                    <form action="#"> 
                        <div class="row">
                            <div class="col-12">
                                <div class="table_desc wishlist">
                                    <div class="cart_page table-responsive">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th class="product_remove">Delete</th>
                                                    <th class="product_thumb">Image</th>
                                                    <th class="product_name">Product</th>
                                                    <th class="product-price">Price</th>
                                                    {{-- <th class="product_quantity">Stock Status</th> --}}
                                                    <th class="product_total">Add To Cart</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                @foreach ($wishlists as $list)
                                                    <tr>
                                                        <td class="product_remove">
                                                            <button type="submit" 
                                                            class="btn btn-primary remove-from-wishlist" data-id="{{ $list->id }}" 
                                                            style="background: #c09578;color: #ffffff;border-color: #c09578;">
                                                            X
                                                    </button>
                                                        </td>
                                                        <td class="product_thumb"><a href="#">
                                                            <img src="{{ URL::asset('storage/assets/uploads/products/'.$list->product->id.'/'.$list->product->productImage->main_image) }}" alt="" width="25%">
                                                            </a>
                                                        </td>
                                                        
                                                        <td class="product_name"><a href="#">{{$list->product->title}}</a></td>
                                                        <td class="product-price">${{$list->product->price}}</td>
                                                        {{-- <td class="product_quantity">In Stock</td> --}}
                                                        <td class="product_total">
                                                            {{-- <a href="#">Add To Cart</a> --}}
                                                            <a href="javascript:void(0);" 
                                                                                data-product-id="{{ $list->product->id }}"
                                                                                class="add-to-cart" 
                                                                                title="add to cart">add to cart</a>
                                                            {{-- <button class="button add-to-cart" type="submit" data-product-id="{{ $list->product->id }}" >add to cart</button>   --}}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                

                                                {{-- <tr>
                                                   <td class="product_remove"><a href="#">X</a></td>
                                                    <td class="product_thumb"><a href="#"><img src="assets/img/s-product/product2.jpg" alt=""></a></td>
                                                    <td class="product_name"><a href="#">Handbags justo</a></td>
                                                    <td class="product-price">£90.00</td>
                                                    <td class="product_quantity">In Stock</td>
                                                    <td class="product_total"><a href="#">Add To Cart</a></td>


                                                </tr>
                                                <tr>
                                                   <td class="product_remove"><a href="#">X</a></td>
                                                    <td class="product_thumb"><a href="#"><img src="assets/img/s-product/product5.jpg" alt=""></a></td>
                                                    <td class="product_name"><a href="#">Handbag elit</a></td>
                                                    <td class="product-price">£80.00</td>
                                                    <td class="product_quantity">In Stock</td>
                                                    <td class="product_total"><a href="#">Add To Cart</a></td>


                                                </tr> --}}

                                            </tbody>
                                        </table>   
                                    </div>  

                                </div>
                             </div>
                         </div>

                    </form> 
                    {{-- <div class="row">
                        <div class="col-12">
                             <div class="wishlist_share">
                                <h4>Share on:</h4>
                                <ul>
                                    <li><a href="#"><i class="fa fa-rss"></i></a></li>           
                                    <li><a href="#"><i class="fa fa-vimeo"></i></a></li>           
                                    <li><a href="#"><i class="fa fa-tumblr"></i></a></li>           
                                    <li><a href="#"><i class="fa fa-pinterest"></i></a></li>        
                                    <li><a href="#"><i class="fa fa-linkedin"></i></a></li>        
                                </ul>      
                            </div>
                        </div> 
                    </div> --}}
                    
                </div>
            </div>
    <!--wishlist area end -->
    
    <!--footer area start-->
    
    <!--footer area end-->
@endsection

@section('script')
<!-- JS
============================================ -->

<!-- Plugins JS -->

<script src="{{ URL::asset('storage/assets/js/vendor/jquery-3.4.1.min.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/popper.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/bootstrap.min.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/plugins.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/owl.carousel.main.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/jquery.nice.select.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/scrollup.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/ajax.chimp.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/jquery.ui.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/jquery.elevatezoom.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/imagesloaded.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/isotope.main.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/jqquery.ripples.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/jquery.cookie.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/bpopup.js') }}"></script>
<script src="{{ URL::asset('storage/assets/js/main.js') }}"></script>

<script>

$(document).ready(function () {

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $('.remove-from-wishlist').on('click', function () {
        var productId = $(this).data('id');

        $.ajax({
            url: 'wishlist/remove/' + productId,
            method: 'POST',
            success: function (response) {
                if (response.success) {
                    $('#ajax-danger-message').text(response.message).show().delay(5000).fadeOut();
                    window.location.reload();
                    // Optionally update the UI to reflect the wishlist addition
                } else {
                    alert('Something went wrong. Please try again.');
                }
            },
            error: function (xhr) {
                alert('An error occurred: ' + xhr.status + ' ' + xhr.statusText);
            }
        });
    });

    $('.add-to-cart').on('click', function () {
    
        var productId = $(this).data('product-id');
        let elem = $(this)          
        // $('.add_to_cart').addClass('cart-added')
        // var _token = $('meta[name=csrf-token]').attr('content');
        $.ajax({
            url: '/cart/addto',
            method: 'POST',
            data: { sendproductId: elem.attr('data-product-id')},
            success: function (response) {
                if (response.success) {
                    // var span = $('<span />').attr('className', 'folder_name').html('aaaaaaa');
                    // $(this).attr('a').after("<span class=test>test</span>");
                    
                    $('.cart_quantity').html(response.prodCount)
                    $('.cart_text_quantity').html(response.prodSum)
                    $('html, body').animate({ scrollTop: 0 }, 'slow');
                            $('#ajax-success-message').text(response.message).show().delay(5000).fadeOut();
                            setTimeout(function(){
                                window.location.reload(1);
                            }, 2000);
                } else {
                    alert('Something went wrong. Please try again.');
                }
            },
            error: function (xhr) {
                alert('An error occurred: ' + xhr.status + ' ' + xhr.statusText);
            }
    });
})
    
});

</script>

@endsection