var flights
var flightsFrom = []
var flightsTo = []
var companies = []
var results = []

var selectFrom = ''
var selectTo = ''
var selectCompany = ''

function loadFlights(){
    var flight = new XMLHttpRequest()
    flight.open('GET', 'flights.json', false)

    flight.onreadystatechange = function () {
        if (flight.readyState===4 && flight.status===200) {
            flights = JSON.parse(flight.responseText);
        }
    }
    flight.send();
}

function loadFrom(){

    console.log(flights)

    allDestinations = []

    for (i = 0; i < flights.length; i++) {
        allDestinations.push(flights[i].From)
    }

    allDestinations.sort()
   for (i = 0; i < allDestinations.length; i++) {
       if(allDestinations[i] != allDestinations[i+1]){
            flightsFrom.push(allDestinations[i])
       }
   }

   var from = '<option value="0">From</option>'
   for (i = 0; i < flightsFrom.length; i++) {

    from += '<option value="'+i+'">'+flightsFrom[i]+'</option>'

   }

   document.getElementById('de').innerHTML = from;

   console.log("From: ", flightsFrom)
}

function loadTo() {

    for (i = 0; i < flights.length; i++) {
        flightsTo.push(flights[i].To)
    }

    var to = '<option value="0">To</option>'
    for (i = 0; i < flightsTo.length; i++) {

        to += '<option value="'+i+'">'+flightsTo[i]+'</option>'

    }

   document.getElementById('para').innerHTML = to;

    console.log("To: ", flightsTo)
}


function loadCompany() {

    allCompanies = []

    for (i = 0; i < flights.length; i++) {
        for(j = 0; j < flights[i].Flights.length; j++) {
            //console.log("company: ", flights[i].Flights[j].Company)
            allCompanies.push(flights[i].Flights[j].Company)
        }
    }

    allCompanies.sort()
    for (i = 0; i < allCompanies.length; i++) {
        if(allCompanies[i] != allCompanies[i+1]){
            companies.push(allCompanies[i])
        }
    }

    var company = '<option value="0">Company</option>'
    for (i = 0; i < companies.length; i++) {

        company += '<option value="'+i+'">'+companies[i]+'</option>'

    }

   document.getElementById('compania').innerHTML = company;

    console.log("companies: ", companies)
}


function updateOptionToSelect(option, selectId) {

    if(selectId.id == "de"){
        selectFrom = option
        //console.log("option de ", option)
    }

    if(selectId.id == "para"){
        selectTo = option
        //console.log("option para", option)
    }

    if(selectId.id == "compania"){
        selectCompany = option
        //console.log("option para", option)
    }

    searchFlights(selectFrom, selectTo, selectCompany)
}

function searchFlights(from, to, company) {

    results = []
    for (i = 0; i < flights.length; i++) {
        for(j = 0; j < flights[i].Flights.length; j++) {
            if(flights[i].From == from && flights[i].To == to && flights[i].Flights[j].Company == company) {

                results.push(flights[i])

            }
        }
    }

    console.log("results", results)
    drawBoard()
}

function drawBoard(){

    var table = `<table id="id_tabel" align="center">
    <tr>
     <th>Origem</th>
     <th>Destino</th>
     <th>Companhia</th>
     <th>Partida</th>
     <th>Chegada</th>
     <th>Preço</th>
    </tr>`

    for (i = 0; i < results.length; i++) {

        table += `<tr>
            <td>`+results[i].From+`</td>
            <td>`+results[i].To+`</td>
            <td>`+results[i].Flights[i].Company+`</td>
            <td>`+results[i].Flights[i].Departure+`</td>
            <td>`+results[i].Flights[i].Arrival+`</td>
            <td>`+results[i].Flights[i].Price+`</td>
        </tr>`;

    }
    document.getElementById('table').innerHTML = table;

}