import { EL } from "./dom.js";
import { fetchTrip } from './api.js';

let element_trip_details = document.querySelector("#trip-details");
let element_response = document.querySelector("#trip-details-response");

export function displayTripDetails(trip_id) {
	element_response.innerHTML = "Loading…";
	element_trip_details.style.display = "block";

	fetchTrip(trip_id).then(result => {
		element_response.innerText = "";

		for (let stopover of result.trip.stopovers) {
			let el = EL("div", {});
			el.innerText = stopover.stop.name;
			element_response.appendChild(el);
		}
	});
}