$(function(){
   $(".recommend_l").owlCarousel({
      margin: 20,
			nav : true,
			responsive:{
				0: {
					items : 2
				},
				481: {
					items : 2
				},
				1025: {
					items : 4
				},
				1367: {
					items : 4
				}
			},
		});
});



// ==========================================================
//  手機版，點擊購物車圖示開啟該商品購物相關細節
// ==========================================================
(function($) {
  let deviceState = "desktop";
  const $window = $(window);

  $window.on('resize', function(e) {
    if($window.width() > 1024 && deviceState !== "desktop") {
      deviceState = "desktop"
      $('.item').removeClass('in-active')

      $('.toggle-detail').each(function(i, item) {
        const thisText = $(item).data('cart');
        $(item).text(thisText);
      })

      $('main.inner').off('click', '.toggle-detail')
    } else if($window.width() <= 1024 && deviceState !== "mobile") {
      deviceState = "mobile"

      $('main.inner').on('click', '.toggle-detail', function(e) {
        if($(this).parents('.item').hasClass('in-active')) {
          $('.item').removeClass('in-active')
          $('.toggle-detail').each(function(i, item) {
            const thisText = $(item).data('cart');
            $(item).text(thisText);
          })
          
        } else {
          $('.item').removeClass('in-active')
          $('.toggle-detail').each(function(i, item) {
            const thisText = $(item).data('cart');
            $(item).text(thisText);
          })

          $(this).parents('.item').addClass('in-active');
          $(this).text($(this).data('close'))
        }
      })
    }
  })

  $window.trigger('resize');
})($);