(() => {
  // 🌐 API Base URL 설정
  const isNewYear = new Date() >= new Date('2026-01-01T00:00');
  const API_BASE_URL = isNewYear
    ? 'https://grades.dotmodkorea.com'
    : 'https://legacy.dotmodkorea.com';

  const { actions, EventManager, pageHelper, Handlebars } = ShopbySkin;

  const { initialize } = pageHelper.myPageHelper();
  initialize();

  // 등급 진행률 계산 함수
  const calculateGradeProgress = (current, max) => {
    return Math.floor((current / max) * 100);
  };

  // 회원 요약 정보 API 호출 함수
  const fetchMemberSummary = async (memberNo) => {
    try {
      // 1. 등급 규칙 먼저 조회
      const gradeRules = isNewYear
        ? [
            {
              gradeName: '사원',
              minAmount: 0,
            },
            {
              gradeName: '대리',
              minAmount: 100000,
            },
            {
              gradeName: '팀장',
              minAmount: 300000,
            },
            {
              gradeName: '대표',
              minAmount: 500000,
            },
          ]
        : [
            {
              gradeNo: 92972,
              gradeName: '인턴',
              minAmount: 0,
            },
            {
              gradeNo: 92977,
              gradeName: '사원',
              minAmount: 50000,
            },
            {
              gradeNo: 92973,
              gradeName: '대리',
              minAmount: 100000,
            },
            {
              gradeNo: 92974,
              gradeName: '과장',
              minAmount: 300000,
            },
            {
              gradeNo: 92975,
              gradeName: '부장',
              minAmount: 700000,
            },
            {
              gradeNo: 92976,
              gradeName: '사장',
              minAmount: 1500000,
            },
          ];

      // 2. 회원 요약 정보 조회
      const response = await fetch(`${API_BASE_URL}/api/shopby/grade/summary/${memberNo}`);

      // const response = {
      //   orderCount: 6900, // 총 주문건수
      //   purchasedPrice: 1000000, // 총 결제금액
      //   currentGrade: '과장',
      //   nextGrade: '사장',
      //   priceToNextGrade: 500000,
      //   priceToMaintainGrade: 200000,
      // };
      // const data = response;

      if (!response.ok) {
        throw new Error(`API 호출 실패: ${response.status} ${response.statusText}`);
      }

      const responseData = await response.json();
      const data = responseData.data;
      if (isNewYear) {
        if (data.currentGrade === '대표') {
          data.nextGradeMinAmount = gradeRules.find((i) => i.gradeName === '대표').minAmount;
        } else {
          const nextGradeData = gradeRules.find((i) => i.gradeName === data.nextGrade);
          data.nextGradeMinAmount = nextGradeData.minAmount;
        }

        if (data.currentGrade === '대표') {
          data.gradeProgress = 100;
        } else {
          data.gradeProgress = calculateGradeProgress(data.purchasedPrice, data.nextGradeMinAmount);
        }
      } else {
        if (data.currentGrade === '사장') {
          data.nextGradeMinAmount = gradeRules.find((i) => i.gradeName === '사장').minAmount;
        } else {
          const nextGradeData = gradeRules.find((i) => i.gradeName === data.nextGrade);
          data.nextGradeMinAmount = nextGradeData.minAmount;
        }

        if (data.currentGrade === '사장') {
          data.gradeProgress = 100;
        } else {
          data.gradeProgress = calculateGradeProgress(data.purchasedPrice, data.nextGradeMinAmount);
        }
      }

      // 날짜 범위 계산 (180일)
      const today = new Date();
      const startDate = new Date(today);
      startDate.setDate(today.getDate() - 180);

      const formatDate = (date) => {
        const year = date.getFullYear();
        const month = (date.getMonth() + 1).toString().padStart(2, '0');
        const day = date.getDate().toString().padStart(2, '0');
        return `${year}.${month}.${day}`;
      };

      data.startDate = formatDate(startDate); // 180일 전
      data.endDate = formatDate(today); // 오늘
      data.isNewYear = isNewYear; // 신년 여부

      return data;
    } catch (error) {
      console.error('error on summary:', error);
      return null;
    }
  };

  // 회원 요약 정보 변수
  let memberSummaryData;

  // purchased-price-summary 템플릿 업데이트 함수
  const updatePurchasedSummary = () => {
    const purchasedSummary = document.querySelector('purchased-price-summary');
    if (purchasedSummary && memberSummaryData) {
      const scriptTag = purchasedSummary.querySelector('script[type="text/x-handlebars-template"]');
      if (scriptTag) {
        const template = Handlebars.compile(scriptTag.innerHTML);
        const renderedHtml = template(memberSummaryData);
        purchasedSummary.innerHTML = renderedHtml;
      }
    }
  };

  let shopbyCommonData = {};

  EventManager.on('PAGE_LOAD_COMPLETED', async (commonData) => {
    shopbyCommonData = commonData;

    // 회원 요약 정보 API 호출하여 변수에 담기
    try {
      const profileResult = await actions.queryProfile();
      if (profileResult && profileResult.data) {
        const memberNo = profileResult.data.memberNo;

        if (memberNo) {
          // memberSummaryData = await fetchMemberSummary('121858873');
          memberSummaryData = await fetchMemberSummary(memberNo);

          // purchased-price-summary 템플릿에 데이터 전달
          updatePurchasedSummary();
        }
      }
    } catch (error) {
      console.error('회원 정보 조회 실패:', error);
    }

    // 외부스크립트 등록 기능. 삭제금지
    ShopbyExternalScript?.setPageScriptType('MY_PAGE');
  });

  EventManager.on('MY_ORDER_STATUS_CONTENT_LOADED', (data) => {
    // 외부스크립트 등록 기능. 삭제금지
    ShopbyExternalScript?.setGlobalObjectSb(data);
  });

  const containerEl = document.querySelector('[shopby-helper-key="my-page-helper-key"]');

  const clickEventListener = (event) => {
    const actionType = event.target.closest('[shopby-action]')?.getAttribute('shopby-action');

    const CLICK_EVENT_HANDLER_MAP = {
      LOGOUT: async () => {
        await actions.postSignOut();
        location.href = '/';
      },
      GRADE_BENEFIT: () => {
        EventManager.fire('OPEN_LAYER_MODAL', {
          name: 'grade-benefit-guide',
          title: '등급혜택 안내',
          isFull: false,
          data: {
            commonData: shopbyCommonData,
          },
        });
      },
      PRODUCT_LIKE_BTN: ({ event }) => {
        event?.preventDefault?.();

        const btn = event.target.closest('[shopby-product-no]');
        const productNo = Number(btn.getAttribute('shopby-product-no') ?? 0);

        actions.toggleLikeStatus({
          productNo,
          onSuccess: (isLiked) => {
            if (isLiked) {
              btn.classList.add('is-active');

              return;
            }

            btn.classList.remove('is-active');
          },
        });
      },
      INQUIRY_REGISTER: () => {
        EventManager.fire('OPEN_LAYER_MODAL', {
          name: 'personal-inquiry-form',
          title: `1:1문의 등록`,
          modalAddClass: 'personal-inquiry-form-modal',
          isFull: false,
          data: {
            isModify: false,
            commonData: shopbyCommonData,
          },
          onClose: ({ reason }) => {
            if (reason === 'DID_SUBMIT') {
              EventManager.fire('MODAL_ALERT_OPEN', {
                noticeType: 'SUCCESS',
                message: '<em>게시글이 저장되었습니다.</em>',
                onClose: () => {
                  location.reload();
                },
              });
            }
          },
        });
      },
      PRODUCT_INQUIRY_REGISTER: () => {
        EventManager.fire('OPEN_LAYER_MODAL', {
          name: 'product-inquiry-form',
          title: '상품문의',
          modalAddClass: 'product-inquiry-form-modal',
          isFull: false,
          data: {
            isSelectProduct: true,
            commonData: shopbyCommonData,
          },
          onClose: ({ reason }) => {
            if (reason === 'DID_SUBMIT') {
              EventManager.fire('MODAL_ALERT_OPEN', {
                noticeType: 'SUCCESS',
                message: '<em>상품문의가 등록됐습니다.</em>',
                onClose: () => {
                  location.reload();
                },
              });
            }
          },
        });
      },
      PRODUCT_REVIEW_REGISTER: () => {
        EventManager.fire('OPEN_LAYER_MODAL', {
          name: 'product-review-form',
          title: '상품후기',
          modalAddClass: 'product-review-form-modal',
          isFull: false,
          data: {
            isSelectProduct: true,
          },
          onClose: ({ reason }) => {
            if (reason === 'DID_SUBMIT') {
              EventManager.fire('MODAL_ALERT_OPEN', {
                noticeType: 'success',
                message: '<em>상품후기가 등록되었습니다.</em>',
                onClose: () => {
                  location.reload();
                },
              });
            }
          },
        });
      },
    };

    CLICK_EVENT_HANDLER_MAP[actionType]?.({ event });
  };

  containerEl.addEventListener('click', clickEventListener);
})();