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

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

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

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

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

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

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