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 checkRole() {
    if (localStorage.getItem("token") !== null) {

        fetch('https://dragonmaster.pl/inz/user', {
            headers: {
                Authorization: ("Bearer " + localStorage.getItem("token"))
            }
        })
            .then(res => res.json())
            .then(json => {
                if (json['role'] == '1') {
                    document.getElementById("creator").style.display = "none";
                }
                else {
                    document.getElementById("creator").style.display = '';
                }
            })
    }
    else {
        document.getElementById("creator").style.display = "none";
    }

}

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