<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Padel Tournaments System</title>
    <link href="style.css" rel="stylesheet">
    <script type="text/javascript" src="app.js"></script>
</head>

<body onload="renderTournaments();logoutVisibility(); loginVisibility(); checkRole();">
    <header>
        <div class="logoBox">
            <a class="header_link" href="../../index.html"><img class="logo" src="../../../_global/logo.svg"
                    alt="Logo error"></a>
        </div>
        <div class="linkBox">
            <!--            <span class="dot">JM</span>-->
            <button class="loginButton" type="submit" onclick="window.location.href='../../logowanie/index.html'"
                id="login">LOGOWANIE</button>
            <button class="loginButton" id="logout" onclick="logout()">WYLOGUJ</button>
            <a class="header_link" href="../../kontakt/index.html">Kontakt</a>
            <a class="header_link" href="../../ranking/index.html">Ranking</a>
            <a class="header_link" href="../../index.html">Kalendarz turniejów</a>
        </div>
    </header>

    <div class="container">

        <div class="mainInfoBox">
            <div class="tournamentIconBox">
                <img class="tournamentIcon" src="../cup.svg" alt="">
            </div>

            <div class="tournamentDataBox">
                <div class="tournamentData">

                </div>
            </div>
            <div class="signInBox">
                <button class="signIn" onclick="window.location.href='zapisy na turniej/index.html'"
                    id="saverForTournament">ZAPISZ
                    SIĘ!</button>
            </div>

        </div>

        <div class="bookmarks">
            <nav>
                <ul>
                    <li><a href="#">Informacje</a></li>
                    <li id="zapisy"><a href="zapisy/index.html">Zapisy</a></li>
                    <li id="drabinka"><a href="drabinka/index.html">Drabinka</a></li>
                </ul>
            </nav>
        </div>

        <div class="form">

        </div>
    </div>
</body>

</html>