const results = document.getElementById("results");
const planner = new PlannerJS.FlexibleTransitPlanner();

async function run() {
  planner.addConnectionSource("https://graph.irail.be/sncb/connections");
  planner.addStopSource("https://irail.be/stations/NMBS");

  const paths = [];
  let departureTime = new Date();
  // Iterate on the planner while increasing the departure time based on each found path. Stop when 3 paths have been found
  while(paths.length < 5) {
    try {
      const path = await executePlanner(planner, departureTime);
      paths.push(path);
      await render(path);
      // Set next departure time to be 1 min after the latest found path
      departureTime = new Date(path.legs[0].steps[0].startTime.getTime() + (60 * 1000));
    } catch(err) {
      console.error(err);
    }
  }  
}

function executePlanner(planner, departureTime) {
  return new Promise((resolve, reject) => {
    planner.query({
      publicTransportOnly: true,
      from: {
        id: 'http://irail.be/stations/NMBS/008833001',
      },
      to: {
        id: 'http://irail.be/stations/NMBS/008892007',
      },
      minimumDepartureTime: departureTime,
      maximumTransferDuration: PlannerJS.Units.fromMinutes(30), // 30 minutes
      minimumWalkingSpeed: 3
      }).on("error", (error) => {
        reject(error);
      }).on("data", async path => {
        resolve(path);
      })
  });
}

async function render(path) {
  const calculating = document.getElementById("calculating");
  calculating && calculating.remove();

  const completePath = await planner.completePath(path);

  const pathElement = document.createElement("div");
  pathElement.className = "path";

  path.legs.forEach((leg) => {
    const step = leg.steps[0];
    const stepElement = document.createElement("div");
    stepElement.className = "step";

    const travelMode = document.createElement("div");
    if(leg.travelMode === 'profile') leg.travelMode = 'walking';
    travelMode.className = "travelMode " + leg.travelMode;
    stepElement.appendChild(travelMode);

    const details = document.createElement("div");
    details.className = "details";
    stepElement.appendChild(details);

    const startLocation = document.createElement("div");
    startLocation.className = "startLocation";
    startLocation.innerHTML = "Start location: " + step.startLocation.name;
    details.appendChild(startLocation);

    if (step.startTime) {
      const startTime = document.createElement("div");
      startTime.className = "startTime";
      startTime.innerHTML = step.startTime;
      details.appendChild(startTime);
    }

    if (step.enterConnectionId) {
      const enterConnectionId = document.createElement("div");
      enterConnectionId.className = "enterConnectionId";
      enterConnectionId.innerHTML = "Enter connection: " + step.enterConnectionId;
      details.appendChild(enterConnectionId);
    }

    if (step.duration) {
      const duration = document.createElement("div");
      duration.className = "duration";
      duration.innerHTML = "Duration: average " + Number(step.duration.average / (60 * 1000)).toFixed(1) + " min";
      details.appendChild(duration);
    }

    let stopLocationName = step.stopLocation.name || "Open Summer of Code 2019 - BOSA";
    const stopLocation = document.createElement("div");
    stopLocation.className = "stopLocation";
    stopLocation.innerHTML = "Stop location: " + stopLocationName;
    details.appendChild(stopLocation);

    if (step.stopTime) {
      const stopTime = document.createElement("div");
      stopTime.className = "stopTime";
      stopTime.innerHTML = step.stopTime;
      details.appendChild(stopTime);
    }

    if (step.exitConnectionId) {
      const exitConnectionId = document.createElement("div");
      exitConnectionId.className = "exitConnectionId";
      exitConnectionId.innerHTML = "Exit connection: " + step.exitConnectionId;
      details.appendChild(exitConnectionId);
    }

    pathElement.appendChild(stepElement);

  });

  results.appendChild(pathElement);
}

run();