INTRODUCE YOUR BRAND

// Replace with your Hospitable API key and booking ID const apiKey = 'YOUR_API_KEY'; const bookingId = 'GUEST_BOOKING_ID'; //This would need to be passed to this webpage. const apiEndpoint = `YOUR_HOSPITABLE_API_ENDPOINT/${bookingId}`; async function getArrivalTime() { try { const response = await fetch(apiEndpoint, { headers: { 'Authorization': `Bearer ${apiKey}`, }, }); if (!response.ok) { throw new Error(`API request failed: ${response.status}`); } const data = await response.json(); // Assuming the API response has a field called "arrival_time" const arrivalTime = new Date(data.arrival_time); return arrivalTime; } catch (error) { console.error('Error fetching arrival time:', error); return null; } } async function startCountdown() { const arrivalTime = await getArrivalTime(); if (arrivalTime) { function updateCountdown() { const now = new Date(); const difference = arrivalTime - now; if (difference <= 0) { document.getElementById('countdown').textContent = 'Welcome!'; clearInterval(interval); return; } const days = Math.floor(difference / (1000 * 60 * 60 * 24)); const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((difference % (1000 * 60)) / 1000); document.getElementById('countdown').textContent = `${days}d ${hours}h ${minutes}m ${seconds}s`; } updateCountdown(); // Initial update const interval = setInterval(updateCountdown, 1000); // Update every second } } startCountdown();