async function vote(button) {
    console.log(button);
    const name = document.getElementById('nameInput').value;
    const data = new FormData();
    data.append("name", name);
    data.append("vote", button.value);
    data.append("uid", button.dataset.uid);
    const response = await fetch('vote.php', { method: "POST", body: data });
    button.disabled = true;
    button.parentElement
    .querySelectorAll('.voteButton')
    .forEach(b => {
        b.disabled = b.value === button.value;
    });
}

async function loadVotes() {
    const name = document.getElementById('nameInput').value;
    localStorage.setItem('name', name);
    const response = await fetch('vote.php?' + new URLSearchParams({
        name: name
    }));
    const result = await response.json();
    console.log(result);
    document
    .querySelectorAll('.voteButton')
    .forEach(b => {
        b.disabled = b.dataset.uid in result && b.value == result[b.dataset.uid];
    });
}

window.addEventListener('DOMContentLoaded', async (event) => {
    console.log('DOMContentLoaded');
    const loadedName = localStorage.getItem('name');
    console.log(loadedName);
    if (loadedName) {
        const nameInput = document.getElementById('nameInput');
        nameInput.value = loadedName;
        await loadVotes();
    }
});