import {
  meetingsAndConferences,
  restaurantAndBar,
  wellnessAndExercise,
} from "@/constants/routes/hotelPageParams"

import { getIntl } from "@/i18n"
import { getLang } from "@/i18n/serverContext"

import {
  type Facilities,
  type FacilityCards,
  FacilityEnum,
  RestaurantHeadings,
} from "@/types/components/hotelPage/facilities"
import type { ImageVaultAsset } from "@/types/components/imageVault"
import type { Amenities, Facility } from "@/types/hotel"
import type { CardProps } from "@/components/TempDesignSystem/Card/card"

type ActivityCard = {
  background_image?: ImageVaultAsset
  scripted_title?: string
  heading: string
  body_text: string
  cta_text: string
  contentPage: Array<{ href: string }>
}

export function setActivityCard(activitiesCard: ActivityCard): FacilityCards {
  const hasImage = activitiesCard.background_image
  return [
    {
      id: "activities",
      theme: hasImage ? "image" : "primaryDark",
      scriptedTopTitle: activitiesCard.scripted_title,
      heading: activitiesCard.heading,
      bodyText: activitiesCard.body_text,
      backgroundImage: hasImage ? activitiesCard.background_image : undefined,
      primaryButton: hasImage
        ? {
            href: activitiesCard.contentPage[0].href,
            title: activitiesCard.cta_text,
            isExternal: false,
          }
        : undefined,
      secondaryButton: hasImage
        ? undefined
        : {
            href: activitiesCard.contentPage[0].href,
            title: activitiesCard.cta_text,
            isExternal: false,
          },
    },
  ]
}

export async function setFacilityCards(
  facilities: Facility[],
  amenities: Amenities
) {
  const lang = getLang()
  const intl = await getIntl()

  let cards: Facilities = [],
    card: CardProps,
    img: CardProps,
    grid: Array<CardProps>

  facilities.map((facility) => {
    card = {}
    grid = []

    card.scriptedTopTitle = facility.headingText ?? "Fallback title"

    facility.heroImages.map((image) => {
      img = {}
      ;(img.backgroundImage = {
        url: image.imageSizes.large,
        title: image.metaData.title,
        meta: {
          alt: image.metaData.altText,
          caption: image.metaData.altText_En,
        },
      }),
        (img.theme = "image")
      grid.push(img)
    })

    switch (facility.id) {
      case FacilityEnum.wellness:
        card.theme = "one"
        card.id = wellnessAndExercise[lang]
        ;(card.heading = intl.formatMessage({ id: "Sauna and gym" })),
          (card.secondaryButton = {
            href: `?s=${wellnessAndExercise[lang]}`,
            title: intl.formatMessage({
              id: "Read more about wellness & exercise",
            }),
            isExternal: false,
          })
        grid.unshift(card)
        break

      case FacilityEnum.conference:
        card.theme = "primaryDim"
        card.id = meetingsAndConferences[lang]
        ;(card.heading = intl.formatMessage({
          id: "Events that make an impression",
        })),
          (card.secondaryButton = {
            href: `?s=${meetingsAndConferences[lang]}`,
            title: intl.formatMessage({ id: "About meetings & conferences" }),
            isExternal: false,
          })
        grid.push(card)
        break

      case FacilityEnum.restaurant:
        const title = getRestaurantHeading(amenities)
        card.theme = "primaryDark"
        card.id = restaurantAndBar[lang]
        card.heading = intl.formatMessage({
          id: "Enjoy relaxed restaurant experiences",
        })
        card.secondaryButton = {
          href: `?s=${restaurantAndBar[lang]}`,
          title: intl.formatMessage({ id: "Read more & book a table" }),
          isExternal: false,
        }
        grid.unshift(card)
        break
    }
    cards.push(grid)
  })
  return cards
}

export function getRestaurantHeading(amenities: Amenities): RestaurantHeadings {
  const hasBar = amenities.some(
    (facility) => facility.id == 1606 || facility.id == 1014 // bar & rooftop bar id
  )
  const hasRestaurant = amenities.some((facility) => facility.id == 1383) // restaurant id

  if (hasBar && hasRestaurant) {
    return RestaurantHeadings.restaurantAndBar
  } else if (hasBar) {
    return RestaurantHeadings.bar
  } else if (hasRestaurant) {
    return RestaurantHeadings.restaurant
  }
  return RestaurantHeadings.breakfastRestaurant
}