<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
    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>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css" />
</head>

<body onload="logoutVisibility(); loginVisibility()">
    <header>
        <div class="logoBox">
            <a class="header_link" href="../../normal_user/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='../../normal_user/logowanie/index.html'" id="login">LOGOWANIE</button>
            <button class="loginButton" id="logout" onclick="logout()">WYLOGUJ</button>

            <a class="header_link" href="../../normal_user/kontakt/index.html">Kontakt</a>
            <a class="header_link" href="../../normal_user/ranking/index.html">Ranking</a>
            <a class="header_link" href="../../normal_user/index.html">Kalendarz turniejów</a>

        </div>
    </header>

    <div class="container">
        <div class="title">
            Dodawanie turnieju
        </div>
        <div class="form">

            <h3 class="descriptor">Nazwa Turnieju</h3>
            <label>
                <input id="name">
            </label>

            <h3 class="descriptor">Termin</h3>
            <label>
                <input id="term_from">
            </label>
            </br>
            <label>
                <input id="term_to">
            </label>

            <h3 class="descriptor">Miejsce</h3>
            <label>
                <input id="place">
            </label>

            <h3 class="descriptor">Kategorie</h3>
            <label>
                <input id="category">
            </label>

            <h3 class="descriptor">Ranga</h3>
            <label>
                <input id="rank">
            </label>

            <h3 class="descriptor">Wpisowe</h3>
            <label>
                <input id="entry-fee">
            </label>

            <h3 class="descriptor">Dyrektor Turnieju</h3>
            <label>
                <input id="director">
            </label>

            <h3 class="descriptor">Telefon</h3>
            <label>
                <input id="phone">
            </label>

            <h3 class="descriptor">Zapisy do</h3>
            <label>
                <input id="entries">
            </label>

            <h3 class="descriptor">Dodatkowe informacje</h3>

            <label>
                <textarea name="Text1" cols="40" rows="5" id="add-info"></textarea>
            </label>
            </br>


            <div class="binaryButtonsBox">
                Widoczność turnieju

                <div class="pretty p-switch p-fill" style="margin-left: 5%">
                    <input type="checkbox" id="checkBox" />
                    <div class="state p-success">
                        <label></label>
                    </div>
                </div>
            </div>

            <div class="binaryButtonsBox2">
                Rankingowość turnieju


                <div class="pretty p-switch p-fill" style="margin-left: 5%">
                    <input type="checkbox" id="checkBoxRanking" />
                    <div class="state p-success">
                        <label></label>
                    </div>
                </div>
            </div>


            <button class="cancelButton" type="button" id="cancel" onclick="">Anuluj</button>

            <button class="submitButton" type="submit" id="tournamentsubmit" onclick="createTournament()">
                Załóż turniej
            </button>

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

</html>