import { getRoom } from "./api/rooms.js";
import { RoomCard } from "../components/room_card.js";

document.addEventListener("DOMContentLoaded", async () => {
  try {
    const roomsData = await getRoom();
    roomsData.sort((a, b) => b.price - a.price);
    if (roomsData.length > 0) {
      let cards = "";
      for (let i = 0; i < 12; i++) {
        if (roomsData[i].category_name == "Deluxe")
          cards += RoomCard(roomsData[i]);
      }
      document.getElementById("room-deluxe").innerHTML = cards;
      cards = "";
      for (let i = 0; i < 12; i++) {
        if (roomsData[i].category_name == "Junior")
          cards += RoomCard(roomsData[i]);
      }
      document.getElementById("room-junior").innerHTML = cards;
      cards = "";
      for (let i = 0; i < 12; i++) {
        if (roomsData[i].category_name == "Super Deluxe")
          cards += RoomCard(roomsData[i]);
      }
      document.getElementById("room-super").innerHTML = cards;
      cards = "";
      for (let i = 0; i < 12; i++) {
        if (roomsData[i].category_name == "Standard")
          cards += RoomCard(roomsData[i]);
      }
      document.getElementById("room-standard").innerHTML = cards;
    } 
  } catch (error) {
    console.error("Error:", error);
  }
});