async function like(id) {
    const formData = new FormData();
    formData.append('post', id);

    const result = await fetch('/like', {
        method: 'POST',
        body: formData
    });

    if (result.status === 401) {
        alert("you need to login before you like a post");
        return;
    }

    if (result.status < 200 || result.status >= 400) {
        alert("your post didnt get the like because the server thought your opinion was invalid");
        return;
    }
}

async function register() {
    const usernameBox = document.getElementById('username');
    const passwordBox = document.getElementById('password');

    const formData = new FormData();
    formData.append('username', usernameBox.value);
    formData.append('password', passwordBox.value);

    const result = await fetch('/register', {
        method: 'POST',
        body: formData
    });

    if (result.status < 200 || result.status >= 400) {
        alert("fard");
        return;
    }

    window.location.href = "/";

}

async function login() {
    const usernameBox = document.getElementById('username');
    const passwordBox = document.getElementById('password');

    const formData = new FormData();
    formData.append('username', usernameBox.value);
    formData.append('password', passwordBox.value);

    console.log(formData);

    const result = await fetch('/login', {
        method: 'POST',
        body: formData
    });

    if (result.status < 200 || result.status >= 400) {
        alert("for some reason the server hates you and didn't let you log into your account");
        console.log(result.status);
        console.log(result.content);
        return;
    }

    window.location.href = "/";
}