// 사용자가 여행지, 날짜, 인원수를 선택하고 예약을 요청하는 함수
function bookTrip(destination, date, numberOfPeople) {
  // 사용자 입력값을 서버로 전달하기 위한 AJAX 요청
  const xhr = new XMLHttpRequest();
  xhr.open('POST', '/book-trip', true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 예약이 성공적으로 처리되었을 때 사용자에게 알림을 보여줌
      alert('예약이 완료되었습니다!');
    } else if (xhr.readyState === 4 && xhr.status !== 200) {
      // 예약이 실패했을 때 사용자에게 에러 메시지를 보여줌
      alert('예약 요청에 실패했습니다.');
    }
  };
  xhr.send(JSON.stringify({destination, date, numberOfPeople}));
}

// 예약한 여행 및 숙박 정보를 조회하는 함수
function getBookings() {
  // 서버로 예약 정보를 조회하기 위한 AJAX 요청
  const xhr = new XMLHttpRequest();
  xhr.open('GET', '/bookings', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 예약 정보를 받아온 후, 사용자에게 보여줌
      const bookings = JSON.parse(xhr.responseText);
      renderBookings(bookings);
    } else if (xhr.readyState === 4 && xhr.status !== 200) {
      // 예약 정보를 받아오지 못했을 때 사용자에게 에러 메시지를 보여줌
      alert('예약 정보를 가져오는데 실패했습니다.');
    }
  };
  xhr.send();
}

// 예약한 여행 및 숙박 정보를 화면에 렌더링하는 함수
function renderBookings(bookings) {
  const bookingsContainer = document.getElementById('bookings-container');
  for (const booking of bookings) {
    const bookingItem = document.createElement('div');
    bookingItem.innerHTML = `
      <p>${booking.destination}</p>
      <p>${booking.date}</p>
      <p>${booking.numberOfPeople}</p>
    `;
    bookingsContainer.appendChild(bookingItem);
  }
}