import IntroSection from "@/components/HotelReservation/BookingConfirmation/IntroSection"
import StaySection from "@/components/HotelReservation/BookingConfirmation/StaySection"
import SummarySection from "@/components/HotelReservation/BookingConfirmation/SummarySection"

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

import { BookingConfirmation } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"

export default function BookingConfirmationPage() {
  const tempConfirmationData: BookingConfirmation = {
    email: "lisa.andersson@outlook.com",
    hotel: {
      name: "Helsinki Hub",
      address: "Kaisaniemenkatu 7, Helsinki",
      location: "Helsinki",
      phone: "+358 300 870680",
      image:
        "https://test3.scandichotels.com/imagevault/publishedmedia/i11isd60bh119s9486b7/downtown-camper-by-scandic-lobby-reception-desk-ch.jpg?w=640",
      checkIn: "15.00",
      checkOut: "12.00",
      breakfast: { start: "06:30", end: "10:00" },
    },
    stay: {
      nights: 1,
      start: "2024.03.09",
      end: "2024.03.10",
    },
    summary: {
      roomType: "Standard Room",
      bedType: "King size",
      breakfast: "Yes",
      flexibility: "Yes",
    },
  }

  return (
    <main className={styles.main}>
      <section className={styles.section}>
        <IntroSection email={tempConfirmationData.email} />
        <StaySection
          hotel={tempConfirmationData.hotel}
          stay={tempConfirmationData.stay}
        />
        <SummarySection summary={tempConfirmationData.summary} />
      </section>
    </main>
  )
}
