<?php
require_once $_SERVER['DOCUMENT_ROOT'] . '/tools/dbConnect.php';

if (isset($_COOKIE['userData'])) {
    $userDataEncoded = $_COOKIE['userData'];
    $userData = json_decode($userDataEncoded, true); // 'true' pour obtenir un tableau associatif

    $email = $userData['email'];
    $name = $userData['name'];
    $familyName = $userData['familyName'];
    $role = $userData['role'];
}
?>

<nav class="menu-container">
    <!-- burger menu -->

    <input type="checkbox" aria-label="Toggle menu" />

    <span></span>
    <span></span>
    <span></span>

    <!-- logo -->
    <a href="../../../" class="menu-logo">
        <img src="https://i.imgur.com/RkmSo9Q.png" alt="Jeux Olympiques - Paris 2024" />
    </a>

    <!-- menu items -->
    <div class="menu">
        <ul>
            <li><?php
            if (isset($_COOKIE['userData'])) {
                $role = $userData['role'];
                if ($role == 'Administrateur') {
                    echo "<a href='/admin'>Panel d'administration</a>";
                }
            }
            ?></li>
            <li>
                <a href="/events">
                    Évènements
                </a>
            </li>
        </ul>
        <ul>
            <li><?php
            if (isset($_COOKIE['userData'])) {
                echo "<a href='/tools/logout.php' title='Déconnexion'><i class='fas fa-sign-out-alt'></i></a>";
            }
            ?></li>
            <li>
                <?php
                if (isset($_COOKIE['userData'])) {
                    //echo "<a href='/account/profile'>Mon profil</a>";
                    $userName = "" . $userData['name'] . " " . $userData['familyName'] . "";
                    echo "<a href='/account/profile'><img class='avatar' src='https://cdn-icons-png.flaticon.com/64/4139/4139948.png' title=" . $userName . "></a>";
                    //echo "<br>" . $userData['name'] . " " . $userData['familyName'];
                } else {
                    echo "<a href='/account/login'>Connexion</a>";
                }

                ?>

            </li>

        </ul>
    </div>
</nav>
<script src="https://kit.fontawesome.com/f16a36bad3.js" crossorigin="anonymous"></script>