<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset=utf-8>
    <title>Math'Educ</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/global.css">
</head>

<body id="bodyStyle">
    <div>
        {% if idPlayerConnected == null %}
            <a href="/loginPlayer" role="button" class="fs-4 btn btn-secondary btn-lg position-absolute top-0 mt-2 end-0 me-2">
                CONNEXION
            </a>
        {% else %}
            <a href="/loginPlayer" role="button" class="fs-4 btn btn-secondary btn-lg position-absolute top-0 mt-2 end-0 me-2">
                PROFIL
            </a>
        {% endif %}
    </div>
    <div class="d-flex flex-column align-items-center justify-content-between" style="height:95vh">
        <img src="Media/Logo.png" style="margin-top:50px; object-fit:fill;" class="h-25">
        <a href="/themeChoice" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:green;text-decoration: none;color: black; height:20vh;">
            <div class="container text-center d-flex align-items-center text-center">
                <h1 class="mx-auto fs-1">
                    SOLO
                </h1>
            </div>
        </a>
        <a href="/lobby/list" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:orange;text-decoration: none;color: black;height:20vh;">
            <div class="container text-center d-flex align-items-center text-center">
                <h1 class="mx-auto fs-1">
                    MULTIJOUEUR
                </h1>
            </div>
        </a>
        <a href="/loginAdmin" class="text-white m-3 container text-center d-flex align-items-center w-75 rounded border border-white text-center" style="background-color:blue;text-decoration: none;color: black;height:20vh;">
            <div class="container text-center d-flex align-items-center text-center">
                <h1 class="mx-auto fs-1">
                    ADMINISTRATION
                </h1>
            </div>
        </a>
    </div>
</body>

</html>