import * as Data from "./data.js";


const sportDropdown = document.getElementById('sport-dropdown');
const seasonDropdown = document.getElementById('year-dropdown');
const genderDropdown = document.getElementById('gender-dropdown');





async function listSports() {
    const sportsList = await Data.getSports();
    
    sportsList.forEach(sport => {
        const option = document.createElement('option');
        option.text = sport.name;
        option.value = sport.id;
        sportDropdown.appendChild(option);
    });
}
listSports();

async function listSeasons() {
    const seasonsList = await Data.getSeasons();

    seasonsList.forEach(season => {
        const option = document.createElement('option');
        option.text = season.year - 1 + "-" + season.year;
        option.value = season.id;
        seasonDropdown.appendChild(option);
    });
}
listSeasons();

async function listGenders() {
    genderDropdown.innerHTML = "";

    const selectedSportID = sportDropdown.value;
    const gendersList = await Data.getGenders(selectedSportID);

    gendersList.forEach(gender => {
        const option = document.createElement('option');
        option.text = (gender.name == "female") ? "Female" : (gender.name == "male") ? "Male" : "";
        option.value = gender.name;
        genderDropdown.appendChild(option);
    });
}





sportDropdown.onchange = listGenders;