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


const submissionForm = document.getElementById('submission-form');
const sportDropdown = document.getElementById('sport-dropdown');
const genderDropdown = document.getElementById('gender-dropdown');
const nameTextbox = document.getElementById('name-textbox');
const submitButton = document.getElementById('submit-button');
const deleteButton = document.getElementById('delete-button');


async function initializeForm() {
    let params = new URLSearchParams(location.search);
    let divisionID = params.get('division');
    if(divisionID) {
        const division = await Data.getDivision(divisionID);

        nameTextbox.value = division.name;

        deleteButton.style.visibility = "visible";
        deleteButton.disabled = false;

        const gender = division.gender.name;

        if(gender == 'female') genderDropdown.selectedIndex = 1;
        else genderDropdown.selectedIndex = 2;

        Form.populateSports(sportDropdown, division.sportID);

        Form.addHiddenValue('division', divisionID, submissionForm);
    }
    else {
        Form.populateSports(sportDropdown);

        genderDropdown.disabled = false;

        sportDropdown.disabled = false;
    }

    nameTextbox.disabled = false;
    nameTextbox.addEventListener('keyup', checkDataValidity);
}
initializeForm();

async function checkDataValidity() {
    let dataIsValid = true;

    if(!nameTextbox.value) dataIsValid = false;

    const sportHasContent = sportDropdown.options.length;
    const genderHasContent = genderDropdown.options.length;

    if(!sportHasContent || !genderHasContent) dataIsValid = false;


    if(dataIsValid) submitButton.disabled = false;
    else submitButton.disabled = true;
}

Form.addRemoveFunction(deleteButton, submissionForm, "division");