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

import HotelInfoCard from "@/components/HotelReservation/SelectRate/HotelInfoCard"
import RoomFilter from "@/components/HotelReservation/SelectRate/RoomFilter"
import RoomSelection from "@/components/HotelReservation/SelectRate/RoomSelection"
import getHotelReservationQueryParams from "@/components/HotelReservation/SelectRate/RoomSelection/utils"
import { setLang } from "@/i18n/serverContext"

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

import { SelectRateSearchParams } from "@/types/components/hotelReservation/selectRate/selectRate"
import { LangParams, PageArgs } from "@/types/params"

export default async function SelectRatePage({
  params,
  searchParams,
}: PageArgs<LangParams & { section: string }, SelectRateSearchParams>) {
  setLang(params.lang)

  const selectRoomParams = new URLSearchParams(searchParams)
  const selectRoomParamsObject =
    getHotelReservationQueryParams(selectRoomParams)
  const adults = selectRoomParamsObject.room[0].adults // TODO: Handle multiple rooms
  const children = selectRoomParamsObject.room[0].child?.length // TODO: Handle multiple rooms

  const [hotelData, roomsAvailability, user] = await Promise.all([
    serverClient().hotel.hotelData.get({
      hotelId: searchParams.hotel,
      language: params.lang,
      include: ["RoomCategories"],
    }),
    serverClient().hotel.availability.rooms({
      hotelId: parseInt(searchParams.hotel, 10),
      roomStayStartDate: searchParams.fromDate,
      roomStayEndDate: searchParams.toDate,
      adults,
      children,
    }),
    getProfileSafely(),
  ])

  if (!roomsAvailability) {
    return "No rooms found" // TODO: Add a proper error message
  }

  if (!hotelData) {
    return "No hotel data found" // TODO: Add a proper error message
  }

  const roomCategories = hotelData?.included

  return (
    <div>
      <HotelInfoCard hotelData={hotelData} />
      <div className={styles.content}>
        <div className={styles.main}>
          <RoomFilter
            numberOfRooms={roomsAvailability.roomConfigurations.length}
          />
          <RoomSelection
            roomsAvailability={roomsAvailability}
            roomCategories={roomCategories ?? []}
            user={user}
          />
        </div>
      </div>
    </div>
  )
}
