@extends('front.layouts.main')

@section('content')

@if(count($data) > 0)
<section class="pt-40">
    <div class="container">
        <h2 class="col">MY FAVOURITES</h2>
        <div class="product-list-wrapper d-flex flex-wrap">
            @foreach($data as $product)
            <div class="col xs6 m4 lg3">
                <div class="product-card mb-40">
                    <div class="product-thumbnail">
                        <button type="button" class="btn btn-icon fi" id="product-{{ $product['productId'] }}" onclick="removeFromFavourite(this.id)"><i class="icon-favourite-fill fill"></i></button>

                        <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.$product['categoryName'].'&subcat='.$product['subCategoryName'])}}"><img src="{{$product['image']}}" alt="{{$product['productName']}}" /></a>
                    </div>
                    <div class="product-info">
                        <div class="product-name"><a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.$product['categoryName'].'&subcat='.$product['subCategoryName'])}}">{{$product['productName']}}</a></div>
                        <div class="product-price">{{number_format($product['price'])}}</div>
                        <a href="{{url('user/productDetails/'.base64_encode($product['productId']).'?cat='.$product['categoryName'].'&subcat='.$product['subCategoryName'])}}" class="btn btn-green">ORDER</a>

                    </div>
                </div>
            </div>
            @endforeach

        </div>
</section>
<div style="float:right;">
    <a href="{{url('user/'.$url.'/'.$previous)}}">Previous</a>
    <a href="{{url('user/'.$url.'/'.$next)}}">Next</a>
</div>
@else
<center>
    <h3>PRODUCTS NOT FOUND</h3>
    <center>
        @endif
        @endsection
        @section('js')
        <script>
            function removeFromFavourite(prodId) {
                if (confirm('Do you really want to remove this product from your favourite list?')) {
                    var productId = prodId.split('-')[1];
                    $.ajax({
                        url: "{{route('remove.favourite')}}",
                        type: "POST",
                        data: {
                            "_token": "{{ csrf_token() }}",
                            'prodId': productId
                        },
                        success: function(result) {
                            console.log(result);
                            location.reload();
                        },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            alert("Status: " + textStatus);
                            alert("Error: " + errorThrown);
                            location.reload();
                        }
                    });
                } else {

                }
            }
        </script>
        @endsection