@php
    $wishlist_data=$data['fetch_product_on_wishlist'];
    $wish_list_product=$wishlist_data['product_array'];
@endphp


@extends('layouts.user-inner')
  @section('content') 
    <!-- Ec breadcrumb start -->
    <div class="sticky-header-next-sec  ec-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row ec_breadcrumb_inner">
                        <div class="col-md-12 col-sm-12">
                            <!-- ec-breadcrumb-list start -->
                            <ul class="ec-breadcrumb-list">
                                <li class="ec-breadcrumb-item"><a href="/">Home</a></li>
                                <li class="ec-breadcrumb-item active">Wishlist</li>
                            </ul>
                            <!-- ec-breadcrumb-list end -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Ec breadcrumb end -->

    <!-- Ec wishlist page -->
    <section class="ec-page-content cart-section section-space-p">
        <div class="container">
            <div class="row">
                <div class="ec-cart-leftside col-lg-12 col-md-12 ">
                    <!-- cart content Start -->
                    <div class="ec-cart-content wishlist-table">
                        <div class="ec-cart-inner">
                            <div class="row">
                                @if (!empty($wish_list_product))
                                <form action="#">
                                    <div class="table-content cart-table-content">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>Product</th>
                                                    <th>Price</th>
                                                    <th>Stock</th>
                                                    <th></th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <input type="hidden" class="qty-input" value="1">
                                                @foreach ($wish_list_product as $product)
                                                <tr>
                                                    <td data-label="Product" class="ec-cart-pro-name"><a
                                                            href="{{$product['product_permalink']}}"><img
                                                                class="ec-cart-pro-img mr-4"
                                                                src="/uploads/product_img_580x800/{{$product['product_image']}}"
                                                                alt="" />{{$product['product_name']}}
                                                        </a>
                                                      
                                                    </td>
                                                    <td data-label="Price" class="ec-cart-pro-price">
                                                        <span
                                                            class="amount">QAR 
                                                            @if($product['offer_datas'])
                                                @php
                                                    $offer_details=$product['offer_datas'];
                                                    $offer_price=$offer_details['product_offer_amount'];
                                                    $offer_percentage=$offer_details['product_offer_percentage'];
                                                                        
                                                @endphp

                                                        <s>{{$product['product_price']}}</s> {{$offer_price}}
                                                    @else
                                                        {{$product['product_price']}}
                                                    @endif
                                                        </span>
                                                    </td>
                                                            <td data-label="stock" class="ec-cart-pro-stock">@if($product['product_stock'] < 1)<span
                                                                class="stock">Out Of Stock</span>@else<span
                                                                class="in-stock">In Stock</span>@endif</td>
                                                    <td class="wishlist-button"><a onclick="add_to_cart($('.qty-input').val(),{{$product['product_id']}},3)" class="btn-track" href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> <span> Add To Cart</span></a>
                                                        <a class="btn-track desc-hide" href="javascript:void(0);" onclick="add_wishlist_fn({{$product['product_id']}});"><i class="fa fa-trash"></i><span> Remove</span></a>
                                                    </td>
                                                    <td>
                                                        <a class="btn-track" href="javascript:void(0);" onclick="add_wishlist_fn({{$product['product_id']}});setTimeout(function(){ location.reload(); }, 2000);"><i class="fa fa-trash"></i> <span> Remove</span></a>
                                                    </td>
                                                </tr>
                                                @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="ec-cart-update-bottom">
                                                <a class="btn btn-red" href="/products">Continue Shopping</a>
                                                <a class="btn btn-red" href="javascript:void(0);" onclick="clear_wishlist()">Clear All</a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                @else
                                <form action="#">
                                    <div class="table-content cart-table-content">
                          <table class="shop-table cart-table mt-25">
                              <tr>
                                  <td class="text-center">Your Wish List Empty</td>
                              </tr>
                          </table>
                      </div>
                  </form>
                              @endif
                            </div>
                        </div>
                    </div>
                    <!--cart content End -->
                </div>

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




@push('custom-scripts')
<script type="text/javascript">
    function clear_wishlist(){
            $.ajax({
        type: "POST",
        url: '/clear_wishlist_uri',
        data: {
                _token: token,
           
        },
        success: function (data) {
            location.reload();
        }
        });
        }


        /*function add_wishlist_fn(product_id) {
            
                $.ajax({
                    type: "POST",
                    url: "{{ route('add.to.wishlist') }}",
                    data: {
                        _token:token,
                        product_id: product_id,
                        quantity: 1
                    },
                    success: function(data) {
                        console.log(data);
                        console.log(data.status);
                        if(data.status == 0)
            {
                swal(data.heading, data.msg, "success");
                $('.wishlist-cont'+product_id).html('<i class="fa fa-heart" aria-hidden="true"></i>');
            }
            else{
                swal(data.heading, data.msg, "error");
                $('.wishlist-cont'+product_id).html('<i class="fa fa-heart-o" aria-hidden="true"></i>')
            }
                    }
                });
            
        }*/


</script>
@endpush


@endsection