@extends('layouts.admin')
@section('content')

<nav aria-label="breadcrumb " class="breadcrumb-wrap">
  <div class="container">
    <ol class="breadcrumb mrm-15">
      <li class="breadcrumb-item"><a href="{{url('/')}}"><i class="ti-home"></i></a></li>
      <li class="breadcrumb-item active" aria-current="page">Favourites</li>
    </ol>
  </div>
</nav>

<section class="gray-dark mt-0 pt-4  pt-xs-0 pb-xs-0">
  <div class="container">

        <div class="">
          <div class="row pt-2  pt-xs-0">
            <div class="col-md-3">
                @include('includes.admin.accountSidebar')
            </div>
            <div class="col-lg-9 col-md-9 right-side">
              <div class="">
              <div class="row mb-0">
                  <div class="col-lg-12 col-md-12 col-sm-12">
                    <div class="sec-heading-flex pl-2 pr-2">
                      <div class="sec-heading-flex-one">
                        <h2> @lang('messages.My Favourites')</h2>
                      </div>
                      <!-- <div class="sec-heading-flex-last">
                        <select class="custom-select" id="statusFilter">
                          <option value="1">All</option>
                          <option value="8">Past</option>
                          <option value="10">Cancled</option>
                        </select>
                      </div> -->
                    </div>
                  </div>
                </div>
                <div class="product-content">
                    @include('admin.sub_view.mylist_looping_product')
                </div>
                              </div>
            </div>
          </div>
        </div>

  </div>
</section>
<!-- <input type="hidden" id="current_category_id" value="{{@$category_id}}">
<input type="hidden" id="current_level" value="{{@$level}}"> -->
<input type="hidden" name="customer_id" id="customer_id" value="{{ Session::get('CustomerId') }}">

<script>
  // $(document).ready(function(){
  //     $('.remove_favourite').on('click',function(){
  //       var token, url;
  //       token = $('meta[name="csrf-token"]').attr('content');
  //       url = '{{url('/update-fav')}}';
  //       var product_id = $(this).data('product');
  //       var warehouse_product_id = $(this).data('warehouse-product');
  //       var group_id = $(this).data('group-id');
  //       var data = {
  //         'product_id':product_id,
  //         'warehouse_product_id':warehouse_product_id,
  //         'group_id':group_id,
  //         'status':0
  //       };

  //       $.ajax({
  //       url: url,
  //       headers: {'X-CSRF-TOKEN': token},
  //       data: data,
  //       type: 'POST',
  //       datatype: 'JSON',
  //       success: function (resp) {
  //         if(resp.http_code == 400){
  //         err_msg = resp.message.replace(/, \\n /g, '<br>');
  //         toastr.error(err_msg);
  //         } else if(resp.http_code == 200){
  //            $('#product-'+warehouse_product_id).fadeOut();
  //           $('#product-'+warehouse_product_id).html('');
  //           toastr.success(resp.message);
  //         } else if(resp.http_code == 500){
  //           toastr.success(resp.message);
  //         }
  //       }
  //       });
  //     });
  // });
</script>

<script src="{{ URL::asset('js/slimscroll.js') }}"></script>
<script type="text/javascript">

    $(document).on('click', '.subscribe-btn', function(e) {

        e.preventDefault();
        var customer_id = $('#customer_id').val();
        if (customer_id <= 0) {
            swal("Please login to continue further")
                .then((value) => {
                    if (value === true) {
                        $("#customer_login").trigger("click");
                        return false;
                    }
                });
        } else {
            var token = $('meta[name="csrf-token"]').attr('content');
            var status = $(this).attr("data-status");
            var product_id = $(this).attr('data-product');
            var warehouse_product_id = $(this).attr('data-warehouse-product');
            var vendor_id = $(this).attr('data-vendor');
            var group_id = $(this).attr('data-group-id');

            var data = {
                'product_id': product_id,
                'status': status,
                'warehouse_product_id': warehouse_product_id,
                'vendor_id': vendor_id,
                'group_id': group_id,
            };
            var url = "{{url('update-subscribed')}}";
            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: data,
                type: 'POST',
                datatype: 'JSON',
                success: function(resp) {
                    if (resp.http_code == 400) {
                        toastr.warning(resp.message);
                    } else if (resp.http_code == 200) {
                        toastr.success(resp.message);
                    } else if (resp.http_code == 500) {
                        toastr.success(resp.message);
                    }
                    window.location.reload();
                }
            });
        }
    });
    
    $(document).on('click', '.favProducts', function(e) {
        e.preventDefault();
        var customer_id = $('#customer_id').val();
        if (customer_id <= 0) {
            swal("Please login to continue further")
                .then((value) => {
                    if (value === true) {
                        $("#customer_login").trigger("click");
                        return false;
                    }
                });
        } else {
            var token = $('meta[name="csrf-token"]').attr('content');
            var status = $(this).attr("data-status");
            var product_id = $(this).attr('data-product');
            var warehouse_product_id = $(this).attr('data-warehouse-product');
            var vendor_id = $(this).attr('data-vendor');
            var group_id = $(this).attr('data-group-id');

            var data = {
                'product_id': product_id,
                'status': status,
                'warehouse_product_id': warehouse_product_id,
                'vendor_id': vendor_id,
                'group_id': group_id,
            };
            var url = "{{url('update-fav')}}";
            $.ajax({
                url: url,
                headers: {
                    'X-CSRF-TOKEN': token
                },
                data: data,
                type: 'POST',
                datatype: 'JSON',
                success: function(resp) {
                    if (resp.http_code == 400) {
                        toastr.warning(resp.message);
                    } else if (resp.http_code == 200) {
                        if (status == '1') {
                            $('.fav-' + warehouse_product_id).html("<i class='favProducts heart fas fa-heart' data-vendor='" + vendor_id + "' data-product='" + product_id + "' data-warehouse-product='" + warehouse_product_id + "' data-group-id='" + group_id + "' data-status='0'></i>");
                        } else {
                            $('.fav-' + warehouse_product_id).html("<i class='favProducts heart far fa-heart' data-vendor='" + vendor_id + "' data-product='" + product_id + "' data-warehouse-product='" + warehouse_product_id + "' data-group-id='" + group_id + "' data-status='1'></i>");
                        }
                        toastr.success(resp.message);
                    } else if (resp.http_code == 500) {
                        toastr.success(resp.message);
                    }
                    window.location.reload();
                }
            });
        }
    });

    // $(document).on('click', '.page-link', function(e) {
    //     $('.preloader').show();
    //     var token = $('meta[name="csrf-token"]').attr('content');
    //     var page = $(this).attr("data-url");
    //     var current_pagee_url = $('#current_page_url').attr('data-url');
    //     var url = current_pagee_url+'?page='+page;
    //     var level = $('#current_page_url').attr('data-level');
    //     var brand = get_list_filter_value("brand_filter");
    //     var price = $(".price_filter:checked").val();
    //     var discount = $(".discount_filter:checked").val();
    //     var category = get_list_filter_value("category_filter");
    //     var sub_category = get_list_filter_value("sub_category_filter");
    //     // var category_id = $("#current_category_id").val();
    //     // var level = $("#current_level").val();
    //     var sorter = $('#sorter').val();
    //     $.ajax({
    //         url: url,
    //         headers: {
    //             'X-CSRF-TOKEN': token
    //         },
    //         type: 'get',
    //         data: {
    //             brand: brand,
    //             price: price,
    //             discount: discount,
    //             category: category,
    //             sub_category:sub_category,
    //             category_id: category_id,
    //             level: level,
    //             sorter: sorter,
    //             page:page
    //         },
    //         datatype: 'JSON',
    //         success: function(resp) {
    //             $('.preloader').hide();
    //             if (resp.http_code == 400) {
    //                 toastr.warning(resp.message);
    //             } else if (resp.http_code == 200) {
    //                 $('.product-content').html(resp.data);
    //             } else if (resp.http_code == 500) {
    //                 toastr.success(resp.message);
    //             }
    //         },
    //         error: function(err) {
    //             $('.preloader').hide();
    //         }
    //     });
    // });

    function get_list_filter_value(filter_class) {
        var filter_data = [];

        $("." + filter_class + ":checked").each(function() {
            filter_data.push($(this).val());
        });

        return filter_data;
    }
</script>

@endsection