import { serverClient } from "@/lib/trpc/server"

import FlexibilitySelection from "@/components/HotelReservation/SelectRate/FlexibilitySelection"
import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"

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

export default async function SelectRate() {
  const rooms = await serverClient().hotel.getRates({
    // TODO: pass the correct hotel ID and all other parameters that should be included in the search
    hotelId: "1",
  })

  return (
    <div className={styles.page}>
      <main className={styles.content}>
        <div className={styles.hotelInfo}>Hotel info TBI</div>
        <RoomSelection rooms={rooms} />
        <FlexibilitySelection />
      </main>
    </div>
  )
}