/*
 * @copyright     2022 opencart.cn - All Rights Reserved.
 * @link          https://www.guangdawangluo.com
 * @Author        PS <pushuo@opencart.cn>
 * @Date          2022-08-04 17:22:54
 * @LastEditTime  2022-08-09 09:40:08
 */
export default {
  /**
   * @description: 获取购物车数据
   * @return {*}
   */
  getCarts() {
    $http.get('carts/mini', null, {hload: true}).then((res) => {
      $('#offcanvas-right-cart').html(res);
    })
  },

  /**
   * @description: 加入购物车
   * @param {*} sku_id  商品id
   * @param {*} quantity  商品数量
   * @param {*} isBuyNow  是否立即购买
   * @return {*}  返回Promise
   */
  addCart({sku_id, quantity = 1, isBuyNow = false}, event) {
    const $btn = $(event);
    const btnHtml = $btn.html();
    const loadHtml = '<span class="spinner-border spinner-border-sm"></span>';
    $btn.html(loadHtml).prop('disabled', true);

    $http.post('/carts', {sku_id, quantity, buy_now: isBuyNow}, {hload: !!event}).then((res) => {
      this.getCarts();
      layer.msg(res.message)
      if (isBuyNow) {
        location.href = 'checkout'
      }
    }).finally(() => {$btn.html(btnHtml).prop('disabled', false)})
  },

  addWishlist(id, event) {
    const $btn = $(event);
    const btnHtml = $btn.html();
    const isWishlist = $btn.attr('data-in-wishlist') * 1;
    const loadHtml = '<span class="spinner-border spinner-border-sm"></span>';

    if (isWishlist) {
      $btn.html(loadHtml).prop('disabled', true);
      $http.delete(`account/wishlist/${isWishlist}`, null, {hload: true}).then((res) => {
        layer.msg(res.message)
        $btn.attr('data-in-wishlist', '0');
      }).finally((e) => {
        $btn.html(btnHtml).prop('disabled', false).find('i.bi').prop('class', 'bi bi-heart')
      })
    } else {
      $btn.html(loadHtml).prop('disabled', true);
      $http.post('account/wishlist', {product_id: id}, {hload: true}).then((res) => {
        layer.msg(res.message)
        $btn.attr('data-in-wishlist', res.data.id);
        $btn.html(btnHtml).prop('disabled', false).find('i.bi').prop('class', 'bi bi-heart-fill')
      }).catch((e) => {
        $btn.html(btnHtml).prop('disabled', false)
      })
    }
  },

  /**
   * @description: 滑动固定顶部
   * @return {*}
   */
  slidingFixed() {
    $(document).ready(() => {
      if (!$('.fixed-top-line').length) return;
      if ($(window).width() < 768) return;
      const totalWrapTop = $('.fixed-top-line').offset().top;
      const totalWrapWidth = $('.fixed-top-line').outerWidth();
      const totalWrapHeight = $('.fixed-top-line').outerHeight();
      const totalWrapLeft = $('.fixed-top-line').offset().left;
      const footerTop = $('footer').offset().top;
      const footerMarginTop = Math.abs(parseInt($('footer').css("marginTop")));

      $(window).scroll(function () {
        if ($(this).scrollTop() > totalWrapTop) {
          $('.fixed-top-line').css({position: 'fixed', top: 0, bottom: 'auto', 'width': totalWrapWidth})
          if (!$('.total-old').length) {
            $('.fixed-top-line').before('<div class="total-old" style="height:' + totalWrapHeight + 'px; width:100%;"></div>');
          }

          if ($(this).scrollTop() + totalWrapHeight > footerTop - footerMarginTop) {
            $('.fixed-top-line').css({position: 'absolute', top: 'auto', bottom: '0', 'width': totalWrapWidth})
          }
        } else {
          $('.total-old').remove();
          $('.fixed-top-line').removeAttr('style')
        }
      })
    })
  }
}