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

import { calculateVat } from "@scandic-hotels/booking-flow/utils/SelectRate"
import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"

import RegularRow from "./Regular"

import type { Price } from "@/types/components/hotelReservation/price"

interface VatProps {
  totalPrice: Price
  vat: number
}

const noVatCurrencies = [
  CurrencyEnum.CC,
  CurrencyEnum.POINTS,
  CurrencyEnum.Voucher,
  CurrencyEnum.Unknown,
]

export default function VatRow({ totalPrice, vat }: VatProps) {
  const intl = useIntl()

  if (noVatCurrencies.includes(totalPrice.local.currency)) {
    return null
  }

  const { vatAmount, priceExclVat } = calculateVat(totalPrice.local.price, vat)

  return (
    <>
      <RegularRow
        label={intl.formatMessage({ defaultMessage: "Price excluding VAT" })}
        value={formatPrice(intl, priceExclVat, totalPrice.local.currency)}
      />
      <RegularRow
        label={intl.formatMessage({ defaultMessage: "VAT {vat}%" }, { vat })}
        value={formatPrice(intl, vatAmount, totalPrice.local.currency)}
      />
    </>
  )
}
