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

import { useMyStayStore } from "@/stores/my-stay"

import { formatPrice } from "@/utils/numberFormatting"

import Row from "./Row"

export default function Breakfast() {
  const intl = useIntl()

  const { breakfast, rateDefinition } = useMyStayStore((state) => ({
    breakfast: state.bookedRoom.breakfast,
    rateDefinition: state.bookedRoom.rateDefinition,
  }))

  let breakfastPrice = intl.formatMessage({
    defaultMessage: "No breakfast",
  })
  if (rateDefinition.breakfastIncluded) {
    breakfastPrice = intl.formatMessage({
      defaultMessage: "Included",
    })
  } else if (breakfast) {
    breakfastPrice = formatPrice(
      intl,
      breakfast.localPrice.totalPrice,
      breakfast.localPrice.currency
    )
  }

  const title = intl.formatMessage({ defaultMessage: "Breakfast" })
  return <Row icon="coffee" text={breakfastPrice} title={title} />
}