"use client"
import { useIntl } from "react-intl"

import { alternativeHotels } from "@/constants/routes/hotelReservation"
import { useRatesStore } from "@/stores/select-rate"

import Alert from "@/components/TempDesignSystem/Alert"
import { useRoomContext } from "@/contexts/SelectRate/Room"
import useLang from "@/hooks/useLang"

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

import { AvailabilityEnum } from "@/types/components/hotelReservation/selectHotel/selectHotel"
import { AlertTypeEnum } from "@/types/enums/alert"

export default function NoAvailabilityAlert() {
  const lang = useLang()
  const intl = useIntl()
  const bookingCode = useRatesStore((state) => state.booking.bookingCode)
  const { rooms } = useRoomContext()

  const noAvailableRooms = rooms.every(
    (roomConfig) => roomConfig.status === AvailabilityEnum.NotAvailable
  )

  if (noAvailableRooms) {
    const text = intl.formatMessage({
      id: "There are no rooms available that match your request.",
    })
    return (
      <div className={styles.hotelAlert}>
        <Alert
          type={AlertTypeEnum.Info}
          heading={intl.formatMessage({ id: "No availability" })}
          text={text}
          link={{
            title: intl.formatMessage({ id: "See alternative hotels" }),
            url: `${alternativeHotels(lang)}`,
            keepSearchParams: true,
          }}
        />
      </div>
    )
  }

  const isPublicPromotionWithCode = rooms.some((room) => {
    const filteredCampaigns = room.campaign.filter(Boolean)
    return filteredCampaigns.length
      ? filteredCampaigns.every(
          (product) => !!product.rateDefinition?.isCampaignRate
        )
      : false
  })

  const noAvailableBookingCodeRooms =
    !isPublicPromotionWithCode &&
    rooms.every(
      (room) =>
        room.status === AvailabilityEnum.NotAvailable || !room.code.length
    )

  if (bookingCode && noAvailableBookingCodeRooms) {
    const bookingCodeText = intl.formatMessage(
      {
        id: "We found no available rooms using this booking code ({bookingCode}). See available rates below.",
      },
      { bookingCode }
    )
    return (
      <div className={styles.hotelAlert}>
        <Alert
          type={AlertTypeEnum.Info}
          heading={intl.formatMessage({ id: "No availability" })}
          text={bookingCodeText}
          link={{
            title: intl.formatMessage({ id: "See alternative hotels" }),
            url: `${alternativeHotels(lang)}`,
            keepSearchParams: true,
          }}
        />
      </div>
    )
  }

  return null
}