<% const path = currentPath || ''; %>
<% const clientBase = typeof clientBaseUrl !== 'undefined' ? clientBaseUrl : '/client'; %>
<% const active = (target) => target === '/client' ? path === '/client' : path.startsWith(target); %>
<% const groupActive = (targets) => targets.some(active); %>
<aside class="side-nav-shell premium-side-nav" data-side-nav-shell>
  <button class="mobile-menu-button" type="button" data-side-nav-toggle aria-expanded="false">
    <span>Menu espace client</span>
    <strong>Ouvrir</strong>
  </button>
  <div class="side-nav-title">
    <strong>Espace client</strong>
    <span>Suivi & documents</span>
  </div>
  <nav class="side-nav nav-accordion" aria-label="Navigation client">
    <details class="nav-group" <%= groupActive(['/client', '/client/demande-devis']) ? 'open' : '' %>>
      <summary><span class="nav-group-icon"><%- ui.navIcon('home') %></span><span><strong>Accueil</strong><small>Vue et nouvelle demande</small></span></summary>
      <div class="nav-group-items">
        <a class="<%= active('/client') ? 'active' : '' %>" href="<%= clientBase %>"><span class="nav-icon"><%- ui.navIcon('dashboard') %></span><span>Tableau</span></a>
        <a class="<%= active('/client/demande-devis') ? 'active' : '' %>" href="<%= clientBase %>/demande-devis"><span class="nav-icon"><%- ui.navIcon('plus') %></span><span>Demander un devis</span></a>
      </div>
    </details>

    <details class="nav-group" <%= groupActive(['/client/demandes', '/client/devis', '/client/interventions', '/client/interventions-regulieres', '/client/conciergerie']) ? 'open' : '' %>>
      <summary><span class="nav-group-icon"><%- ui.navIcon('pipeline') %></span><span><strong>Suivi</strong><small>Demandes et passages</small></span></summary>
      <div class="nav-group-items">
        <a class="<%= active('/client/demandes') ? 'active' : '' %>" href="<%= clientBase %>/demandes"><span class="nav-icon"><%- ui.navIcon('inbox') %></span><span>Demandes</span></a>
        <a class="<%= active('/client/devis') ? 'active' : '' %>" href="<%= clientBase %>/devis"><span class="nav-icon"><%- ui.navIcon('document') %></span><span>Devis</span></a>
        <a class="<%= active('/client/interventions') ? 'active' : '' %>" href="<%= clientBase %>/interventions"><span class="nav-icon"><%- ui.navIcon('briefcase') %></span><span>Interventions</span></a>
        <a class="<%= active('/client/interventions-regulieres') ? 'active' : '' %>" href="<%= clientBase %>/interventions-regulieres"><span class="nav-icon"><%- ui.navIcon('agenda') %></span><span>Passages réguliers</span></a>
        <a class="<%= active('/client/conciergerie') ? 'active' : '' %>" href="<%= clientBase %>/conciergerie"><span class="nav-icon"><%- ui.navIcon('home') %></span><span>Conciergerie</span></a>
      </div>
    </details>

    <details class="nav-group" <%= groupActive(['/client/factures', '/client/documents', '/client/messages', '/client/profil']) ? 'open' : '' %>>
      <summary><span class="nav-group-icon"><%- ui.navIcon('folder') %></span><span><strong>Documents</strong><small>Factures, messages, profil</small></span></summary>
      <div class="nav-group-items">
        <a class="<%= active('/client/factures') ? 'active' : '' %>" href="<%= clientBase %>/factures"><span class="nav-icon"><%- ui.navIcon('receipt') %></span><span>Factures</span></a>
        <a class="<%= active('/client/documents') ? 'active' : '' %>" href="<%= clientBase %>/documents"><span class="nav-icon"><%- ui.navIcon('files') %></span><span>Documents</span></a>
        <a class="<%= active('/client/messages') ? 'active' : '' %>" href="<%= clientBase %>/messages"><span class="nav-icon"><%- ui.navIcon('message') %></span><span>Messages</span></a>
        <a class="<%= active('/client/profil') ? 'active' : '' %>" href="<%= clientBase %>/profil"><span class="nav-icon"><%- ui.navIcon('user') %></span><span>Profil</span></a>
      </div>
    </details>
  </nav>
</aside>
