/*
 *  © 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.sideFixed();

      $(function(){
        $('.go_top').click(function(){
          $('html, body').animate({
              scrollTop: 0
          }, 'fast'); 
        });
      });



    },
    setData() {
      this.renderData = {
        //top: this._getTopData(),
        bottom: this._getBottomData(),
      };
    },
    render() {
      $('#footer_wrap').render(this.renderData);
      $('#footerBoardList').render({
        articles: this.articles,
        boardId: this.boardId,
      });

      const target2 = document.getElementById('footerCsTel');
      target2.innerText = target2.innerText.replace('02-', '');
      
    },
    bindEvents() {
      $('.toMobileVersion').on('click', this._goToMobileVersion.bind(this));
    },
    sideFixed() {
      const sideFixedElement = document.querySelector('.side_fixed');
      var footer = document.querySelector('footer');
   

      window.addEventListener('scroll', function() {
        
        const scrollPosition = document.documentElement.scrollTop || document.body.scrollTo;
        const footerPosition = footer.getBoundingClientRect().top + scrollPosition;
        // 푸터와 버튼 사이의 거리
        var distanceToFooter = footerPosition - (scrollPosition + window.innerHeight) - 20; 


        if (window.scrollY > 100) {
          sideFixedElement.classList.add('show');
        } else{
          sideFixedElement.classList.remove('show');
        }

        if(distanceToFooter <= 0){
          sideFixedElement.style.bottom = (footer.offsetHeight + 100) + "px";
        }else{
          sideFixedElement.style.bottom = '100px';
        }
      });
    },
    _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.cache.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 },
      ];
    },
  };

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