<header class="site-header">
  <div class="container header-inner">
    <a href="/" class="brand" aria-label="Accueil <%= company.name %>">
      <img src="<%= asset('/img/logo.png') %>" alt="AdriSegon" class="brand-logo" width="800" height="414" />
    </a>

    <button class="nav-toggle" id="navToggle" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="primaryNav">
      <svg class="nav-icon nav-icon-menu" aria-hidden="true" viewBox="0 0 24 24" width="24" height="24">
        <path d="M4 6h16M4 12h16M4 18h16" />
      </svg>
      <svg class="nav-icon nav-icon-close" aria-hidden="true" viewBox="0 0 24 24" width="24" height="24">
        <path d="M6 6l12 12M18 6L6 18" />
      </svg>
    </button>

    <nav class="primary-nav" id="primaryNav" aria-label="Navigation principale">
      <a href="/" class="<%= currentPath === '/' ? 'active' : '' %>">Accueil</a>
      <a href="/tarifs" class="<%= currentPath === '/tarifs' ? 'active' : '' %>">Offres</a>
      <a href="/contact" class="<%= currentPath === '/contact' ? 'active' : '' %>">Contact</a>

      <% if (currentUser) { %>
        <a href="/montante" class="<%= currentPath === '/montante' ? 'active' : '' %>">Montante</a>
        <a href="/dashboard" class="<%= currentPath === '/dashboard' ? 'active' : '' %>">Mon espace</a>
        <% if (isAdmin) { %>
          <a href="/admin" class="nav-admin">Admin</a>
        <% } %>
        <form action="/logout" method="post" class="inline-form nav-logout">
          <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
          <button type="submit" class="btn btn-ghost btn-sm">Déconnexion</button>
        </form>
      <% } else { %>
        <a href="/login" class="<%= currentPath === '/login' ? 'active' : '' %>">Connexion</a>
        <a href="/tarifs" class="btn btn-primary btn-sm nav-cta">Devenir VIP</a>
      <% } %>
    </nav>
  </div>
</header>
