"use client"
import PriceDetailsModal from "@scandic-hotels/booking-flow/components/PriceDetailsModal"
import { dt } from "@scandic-hotels/common/dt"
import { HotelTypeEnum } from "@scandic-hotels/trpc/enums/hotelType"

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

import { calculateTotalPrice, mapToPrice } from "./mapToPrice"

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

export default function PriceDetails() {
  const { bookedRoom, rooms, hotelOffersBreakfast } = useMyStayStore(
    (state) => ({
      bookedRoom: state.bookedRoom,
      rooms: state.rooms
        .filter((room) => !room.isCancelled)
        .map((room) => ({
          ...room,
          breakfastIncluded: room.rateDefinition.breakfastIncluded,
          price: mapToPrice(room),
          roomType: room.roomName,
        })),
      hotelOffersBreakfast: state.hotel.hotelType !== HotelTypeEnum.ScandicGo,
    })
  )

  const bookingCode =
    rooms.find((room) => room.bookingCode)?.bookingCode ?? undefined
  const totalPrice = calculateTotalPrice(rooms, bookedRoom.currencyCode)

  const fromDate = dt(bookedRoom.checkInDate).format("YYYY-MM-DD")
  const toDate = dt(bookedRoom.checkOutDate).format("YYYY-MM-DD")
  return (
    <div className={styles.priceDetailsModal}>
      <PriceDetailsModal
        bookingCode={bookingCode}
        fromDate={fromDate}
        rooms={rooms}
        toDate={toDate}
        totalPrice={totalPrice}
        vat={bookedRoom.vatPercentage}
        defaultCurrency={bookedRoom.currencyCode}
        isCampaignRate={bookedRoom.isCampaignRate}
        hotelOffersBreakfast={hotelOffersBreakfast}
      />
    </div>
  )
}