@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