/**
* 2018-2022 ICC Digital
*
*  @author    ICC Digital <contact@icc-digital.fr>
*  @copyright 2018-2022 ICC Digital
*  @license   https://www.icc-digital.fr  Proprietary
*/


$('.multi-item-carousel').on('slide.bs.carousel', function (e) {
  let $en = $(e.relatedTarget),
      itemsPerSliden = 3,
      totalItemsn = $('.container-product-miniature', this).length,
      $itemsContainern = $('.carousel-inner', this),
      itn = itemsPerSliden - (totalItemsn - $en.index());
  if (itn > 0) {
    for (var i = 0; i < itn; i++) {
      $('.container-product-miniature', this).eq(e.direction == "left" ? i : 0).
        // append slides to the end/beginning
        appendTo($itemsContainern);
    }
  }
});

// ICC DIGITAL - MLQ - Instagram slide
let count_bestsellern = 0;
let tracker_bestsellern = 1;
let card_moven = '';
var length_bestsellern = $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').length;
let mouseleaven = true;

//Action for Next button
function moveCardsRightBestsellern() {
  if(mouseleaven == false) {
    count_bestsellern = count_bestsellern - $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width();
    tracker_bestsellern++;
    card_moven = $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestsellern-1))[0];
    $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestsellern-1)).remove()
    $(card_moven).appendTo($('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner'))
    if (tracker_bestsellern > length_bestsellern) {    
      tracker_bestsellern = 1;   
      count_bestsellern = 0;   
    } 
  }
}

// Action for Prev button
function moveCardsLeftBestsellern() {
    count_bestsellern = count_bestsellern + $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width();
    tracker_bestsellern--;
    if (tracker_bestsellern < 1) {
      tracker_bestsellern = length_bestsellern;  
    } else if (tracker_bestsellern == 1) {
      tracker_bestsellern = tracker_bestsellern; 
    } else if(tracker_bestsellern > length_bestsellern) {
      tracker_bestsellern = length_bestsellern;  
    }
    card_moven = $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestsellern))[0];
    $('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature-'+(tracker_bestsellern)).remove();
    $(card_moven).prependTo($('#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .carousel-inner'));
}

// Event listeners to slide the cards.
if ($(window).width() > 768) {
    $( "#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-prev" ).click(function() {
      mouseleaven = false;
      moveCardsLeftBestsellern();
    });
    
    $( "#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-next" ).click(function() { 
      mouseleaven = false;
      $( "#icc_block_news .hidden-mobile .carousel-container .slider .multi-item-carousel .icc_bestseller_nav.carousel-control-prev" ).fadeIn();
      moveCardsRightBestsellern();
    });
    // if(mouseleaven == true) {
    //   setInterval(moveCardsRightBestsellern, 8000);
    // }
}

if ($(window).width() < 768) {
let i = 0;
let scrollern = $('#icc_block_news .hidden-desktop .carousel-container .slider');
let width_originaln = $('#icc_block_news .hidden-desktop .carousel-container .slider .multi-item-carousel .carousel-inner .container-product-miniature').width(); 
let length_originaln = $('#icc_block_news .hidden-desktop .carousel-container .slider .multi-item-carousel .carousel-inner > *').length;
let lengthn = length_originaln - 2;
width_originaln = width_originaln + 10;
let widthn = width_originaln;
  $("#icc_block_news .hidden-desktop .slider").scroll(function () {
    if($(this).scrollLeft() > 5) {
      $('#icc_block_news .carousel-container .insta-mover-btn.prev-cont').fadeIn();
    } else {
      $('#icc_block_news .carousel-container .insta-mover-btn.prev-cont').fadeOut();
    }
  });

  $('#icc_block_news .carousel-container .insta-mover-btn.next-cont').on('click', function () {
    if(scrollern.scrollLeft() != widthn && scrollern.scrollLeft() != 0 && widthn < width_originaln*lengthn) {
      widthn = scrollern.scrollLeft();
    }
    if (widthn > width_originaln*(lengthn-2) && widthn < width_originaln*(lengthn) ) {
      widthn = width_originaln * (length_originaln-2);
    }
    if(Math.round(scrollern.scrollLeft()) == Math.round(widthn) && Math.round(widthn) <= width_originaln*(length_originaln-2) ) {
      widthn = widthn + width_originaln; 
    }
    if(Math.round(widthn) <= width_originaln*(length_originaln - 2) ) {
      scrollern.animate({'scrollLeft': widthn}, 500);    
      i++;
    } else if (scrollern.scrollLeft() > lengthn && widthn < width_originaln*(length_originaln-2)) {
      i++;
      scrollern.animate({'scrollLeft': widthn}, 1000);    
    } else if( widthn > (width_originaln-10)*(length_originaln-1) || widthn > width_originaln*(lengthn)) {
      i = 0; 
      lengthn = length_originaln - 2;
      widthn = width_originaln; 
      scrollern.animate({'scrollLeft': 0}, 500);    
    }
  }); 

  $('#icc_block_news .carousel-container .insta-mover-btn.prev-cont').on('click', function () {
    if(scrollern.scrollLeft() != widthn && scrollern.scrollLeft() > widthn) {
      widthn = scrollern.scrollLeft() - width_originaln;
    } else {
      widthn = widthn - width_originaln;
    }
    
    if(widthn <= width_originaln*(length_originaln - 2) ) {
      scrollern.animate({'scrollLeft': widthn}, 500);    
      i++;
    } else if (scrollern.scrollLeft() > lengthn && widthn < width_originaln*(length_originaln-2)) {
      i++;
      scrollern.animate({'scrollLeft': widthn}, 1000);    
    } else if( widthn > (width_originaln-10)*(length_originaln-1) ) {
      i = 0; 
      lengthn = length_originaln - 2;
      widthn = width_originaln; 
      scrollern.animate({'scrollLeft': 0}, 500);    
    }
  }); 
}