async function showTournaments() {
    let url = 'https://dragonmaster.pl/inz/tournaments';
    try {
        let res = await fetch(url);
        return await res.json();
    } catch (error) {
        console.log(error);
    }
}

function saveIdTournament(id) {
    localStorage.setItem('tournamentId', id);
}

async function renderTournaments() {
    let tournaments = await showTournaments();
    let html = '';
    tournaments.forEach(tournament => {
        let htmlSegment = `<div class = "tournamentBox" onclick="window.location.href='_main page/pojedynczy_turniej/index.html'; saveIdTournament(${tournament.id});">
                <div class="tournamentIconBox">
                    <img class="tournamentIcon" src="_main%20page/cup.svg" alt="">
                </div>
                <div class="tournamentDataBox">
                <div class="tournamentData">
                    <h4>${tournament.name}</h4>
                    ${tournament.place}
                    ${tournament.from} do ${tournament.to}
                    <button class="tournamentOpen">OPEN</button>
                </div>
                </div>
                </div>
                 `;
        html += htmlSegment;
    });

    let container = document.querySelector('.tournament-list');
    container.innerHTML = html;
}

function logout() {
    localStorage.clear();
    location.reload();
}

function logoutVisibility() {
    if (localStorage.getItem("token") !== null) {
        document.getElementById("logout").style.display = "";
    }
    else {
        document.getElementById("logout").style.display = "none";

    }

}


function loginVisibility() {
    if (localStorage.getItem("token") !== null) {
        document.getElementById("login").style.display = "none";
    }
    else {
        document.getElementById("login").style.display = "";

    }
}

function createVisibility() {
    if (localStorage.getItem("token") !== null) {
        document.getElementById("creator").style.display = "none";
    }
    else {
        document.getElementById("creator").style.display = "";

    }
}