let tourId = localStorage.getItem("myElement")

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);
    }
}

// async function renderTournaments() {
//     let tournaments = await showTournaments();
//     let html = '';
//     tournaments[1]; (tournament => {
//         let htmlSegment = `<h1>${tournament.id}</h2>`;
//         html += htmlSegment;
//     });

//     let container = document.querySelector('.form');
//     container.innerHTML = html;
// }

async function renderTournaments() {
    let tournaments = await showTournaments();
    let html = '';
    tournaments.forEach(tournament => {
        if (`${tournament.id}` == localStorage.getItem("tournamentId")) {
            let htmlSegment = `
            <h1> ${tournament.name}</h1>
            <h2>${tournament.places}</h2>

            <h3 class="descriptor">Wpisowe:</h3>
            ${tournament.entryFee}

            <h3 class="descriptor">Ranga:</h3>
            ${tournament.rang}

            <h3 class="descriptor">Kategorie:</h3>
            ${tournament.categotry}

            <h3 class="descriptor">Zapisy do:</h3>
            ${tournament.to}

            <h3 class="descriptor">Czy rankingowy:</h3>
            ${tournament.rang}

            <h3 class="descriptor">Dyrektor turnieju:</h3>
            ${tournament.director}

            <h3 class="descriptor">Dodatkowe informacje</h3>
            ${tournament.additionalInformations}

                 `;
            html += htmlSegment;
        }
    });

    let container = document.querySelector('.form');
    container.innerHTML = html;
}