import { TrackingSDK } from "@scandic-hotels/tracking/TrackingSDK"
import { getEurobonusMembership } from "@scandic-hotels/trpc/routers/user/helpers"

import {
  getProfileSafely,
  getProfilingConsent,
} from "@/lib/trpc/memoizedRequests"

import ProfilingConsentModal from "@/components/MyPages/ProfilingConsent/Modal"
import { userHasConsent } from "@/components/MyPages/ProfilingConsent/utils"
import { SASLevelUpgradeCheck } from "@/components/MyPages/SASLevelUpgradeCheck"
import Surprises from "@/components/MyPages/Surprises"
import { getLang } from "@/i18n/serverContext"
import { ModalTracking } from "@/utils/tracking/profilingConsent"

import styles from "./layout.module.css"

export default async function MyPagesLayout({
  breadcrumbs,
  children,
}: React.PropsWithChildren<{
  breadcrumbs: React.ReactNode
}>) {
  const profile = await getProfileSafely()
  const eurobonusMembership = profile?.loyalty
    ? getEurobonusMembership(profile.loyalty)
    : null

  const memberKey =
    profile?.membership?.membershipNumber || profile?.profileId || ""

  const profilingConsentData = await getProfilingConsent()
  const profilingConsent = profilingConsentData?.profiling_consent
  const hasConsent = userHasConsent(profile?.profilingConsent)

  const lang = await getLang()

  return (
    <div className={styles.container}>
      <div className={styles.layout}>
        {breadcrumbs}
        <div className={styles.content}>{children}</div>
      </div>

      {eurobonusMembership && <SASLevelUpgradeCheck />}
      <Surprises />
      {memberKey && profilingConsent && !hasConsent ? (
        <>
          <ProfilingConsentModal
            memberKey={memberKey}
            content={profilingConsent.modal}
            iconIdentifier={profilingConsent.icon}
          />
          <TrackingSDK pageData={{ domainLanguage: lang, ...ModalTracking }} />
        </>
      ) : null}
    </div>
  )
}