<!DOCTYPE html>
<html lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="{{dir}}/public/css/menu.css">

</head>
<nav class="navbar-container">
  <div class="logo-container">
    <a href="{{dir}}/accueil">
      <img src="{{dir}}/public/assets/logo.png" alt="Logo" height="70px">
    </a>
  </div>
  <div class="bars">
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
  </div>
  <ul class="nav-items">
    <li class="nav-link"><a href="#">A propos</a></li>
    <li class="nav-link"><a href="{{dir}}/listerEvenement">Evenements</a></li>

    <li class="nav-link"><a href="{{dir}}/consultOffers">Offres</a></li>
    <li class="nav-link"><a href="#">Nous contacter</a></li>
  </ul>
  <ul class="nav-items">
    <!-- Afficher boutons de connexion et d'inscription -->
    {% if nom and prenom %}
    <!-- Afficher bouton de déconnexion -->
    <a href="{{dir}}/deconnexion" class="button">Déconnexion</a>
    {% else %}
    <div class="login-register">
      <a href="{{dir}}/connection" class="button">Connexion</a>
      <a href="{{dir}}/inscription" class="button button2">Inscription</a>
    </div>

    {% endif %}
  </ul>
</nav>
</html>