/*
 *  © 2021. NHN Commerce Corp. All rights reserved.
 *  NHN Corp. PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
 *
 *  @author hyeyeon-park
 *  @since 2021.6.29
 */

$(() => {
  shopby.footer = {
    mallInfo: null,
    boardsConfig: null,
    aboutConfig: null,
    orderConfig: null,
    boardId: 'notice',
    articles: null,
    mallSSLSeal: null,
    renderData: {
      top: null,
      bottom: null,
    },
    async initiate() {
      await this._prepareData();
      await this._getCache();
      this.setData();
      this.render();
      this.bindEvents();
      this.quick();
      this.renderScrollBanner();
    },
    setData() {
      this.renderData = {
        top: this._getTopData(),
        bottom: this._getBottomData(),
      };
    },
    render() {
      $('#footer_wrap').render(this.renderData);
      $('#footerBoardList').render({
        articles: this.articles,
        boardId: this.boardId,
      });
      $(window).on('scroll', this.scrollEvent);
    },
    bindEvents() {
      $('.toMobileVersion').on('click', this._goToMobileVersion.bind(this));
    },
    scrollEvent() {        
      const scrollTop = $(window).scrollTop();
      if (scrollTop > 0) {
        $('.kd-btn-scroll').fadeIn();
      } else {
        $('.kd-btn-scroll').fadeOut();
      }
    },
    quick() {
      $("#kd-btn-top").click(function() {
        $('html').animate({scrollTop : 0}, 500);
      });
      $("#kd-btn-bottom").click(function() {
          $('html').animate({scrollTop : ($('#footer').offset().top)}, 600);
      });
    },
    _goToMobileVersion(event) {
      event.preventDefault();
      const search = new URLSearchParams(window.location.search);
      search.delete('mobile');
      search.set('pc', 'pc');

      const isTempDomain = window.location.origin.includes('shopby.co.kr');
      const prefix = isTempDomain ? 'm-' : 'm.';
      window.location.href = `//${prefix}${window.location.host}${window.location.pathname}?${search.toString()}`;
    },
    async _prepareData() {
      await shopby.cache.checkFooterAboutDataExpired();
      await shopby.cache.checkFooterArticlesDataExpired();
    },
    async _getCache() {
      this.mallInfo = shopby.cache.getMall();
      this.boardsConfig = shopby.cache.getBoardsConfig();
      this.articles = shopby.cache.getFooterArticles().items;
      this.aboutConfig = shopby.cache.getFooterAbout();
      this.mallSSLSeal = this._mapSSLSeal(shopby.cache.getMallsSSLSeal());
      const { data } = await shopby.api.order.getOrderConfigs();
      this.orderConfig = {
        ...data,
        pgType: data.escrow.exposeLogo ? data.pgType : '',
      };
      console.log(this.mallSSLSeal); // TODO: debug. seal 적용된 도메인만 실제 노출여부 확인가능하기땜에 일단 찍어둠
    },
    _mapSSLSeal(mallsSSLSeal) {
      const mallSSLSeal = mallsSSLSeal.find(({ domain }) => domain === location.hostname);
      return mallSSLSeal && mallSSLSeal.trustSeal ? mallSSLSeal.trustSeal : null;
    },
    _getTopData() {
      const boardList = this.boardsConfig.boardConfigs.find(({ boardId }) => boardId === this.boardId);
      const { mall, bankAccountInfos } = this.mallInfo;
      const articles = this.articles;
      return {
        boardList,
        articles,
        mall,
        bankAccountInfos,
      };
    },
    _getBottomData() {
      const boardsConfig = this.boardsConfig;
      const { mall, serviceBasicInfo, termsConfig, accumulationConfig } = this.mallInfo;
      const since = mall && mall.createdDateTime ? mall.createdDateTime.split('-')[0] : '';
      const businessRegistration = {
        url: `//www.ftc.go.kr/bizCommPop.do?wrkr_no=${serviceBasicInfo.businessRegistrationNo}`,
        no: serviceBasicInfo.businessRegistrationNo,
      };
      const about = this.about.filter(item => item.used);
      const customAccumulationMenuName = (accumulationConfig && accumulationConfig.accumulationName) || '마일리지';
      return {
        business: {
          mall,
          serviceBasicInfo,
          termsConfig,
          since,
          businessRegistration,
          mallSSLSeal: this.mallSSLSeal,
          orderConfig: this.orderConfig,
        },
        menu: {
          boardsConfig,
          mall,
          about,
          customAccumulationMenuName,
        },
      };
    },
    get about() {
      return [
        { page: 'company', label: '브랜드스토리', used: this.aboutConfig.mall_introduction.used },
        { page: 'guide', label: '이용안내', used: this.aboutConfig.access_guide.used },
      ];
    },    
    renderScrollBanner() {
      const { scrollQuickBanner } = this.getScrollBannerInfo();
      $('#kd_btn_kakao').render(scrollQuickBanner);
    },
    getScrollBannerInfo() {
      const skin = shopby.cache.getSkin();
      const scrollBannerInfo = {
        scrollQuickBanner: null,
      };

      if (!Array.isArray(skin)) {
        return scrollBannerInfo;
      }

      const found07 = skin.find(({ bannerGroupCode }) => bannerGroupCode === 'BANNER07');
      const latestQuickBanner = this.findLatestBanner(found07 ? found07.banners : []);
      scrollBannerInfo.scrollQuickBanner =
        latestQuickBanner && latestQuickBanner.bannerImages ? latestQuickBanner.bannerImages[0] : null;
      
      return scrollBannerInfo;
    },
    findLatestBanner(banners = []) {
      if (banners.length === 0) return;
      if (banners.length === 1) return banners[0];
      return banners.reduce((prev, curr) => {
        return new Date(prev.updateDateTime).getTime() <= new Date(curr.updateDateTime).getTime() ? curr : prev;
      });
    },
  };

  shopby.footer.initiate().catch(console.error);
});