<% const path = currentPath || ''; %>
<% const staffBase = typeof staffBaseUrl !== 'undefined' ? staffBaseUrl : '/agenda'; %>
<% const adminBase = typeof adminBaseUrl !== 'undefined' ? adminBaseUrl : '/admin'; %>
<% const staffCompanySlug = typeof currentCompany !== 'undefined' && currentCompany && currentCompany.slug ? currentCompany.slug : 'saas-demo'; %>
<% const staffPublicSiteUrl = staffCompanySlug === 'saas-demo' ? '/demo/saas-demo' : `/site/${staffCompanySlug}`; %>
<% const staffCsrfToken = typeof csrfToken !== 'undefined' ? csrfToken : ''; %>
<% const active = (target) => target === '/admin' ? path === '/admin' : path.startsWith(target); %>
<% const staffHomeActive = path === '/agenda' || path.endsWith('/agenda'); %>
<% const payrollEnabled = Boolean(app?.features?.payroll); %>
<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 équipe</span>
    <strong>Ouvrir</strong>
  </button>
  <div class="side-nav-title">
    <strong>Équipe</strong>
    <span><%= currentCompany?.name || 'Planning terrain' %></span>
  </div>
  <div class="side-nav-actions">
    <a class="admin-site-link" href="<%= staffPublicSiteUrl %>"><span class="nav-icon"><%- ui.navIcon('home') %></span><span>Voir le site</span></a>
    <form method="post" action="/auth/deconnexion">
      <input type="hidden" name="_csrf" value="<%= staffCsrfToken %>">
      <button class="admin-logout-button secondary" type="submit"><span class="nav-icon"><%- ui.navIcon('logout') %></span><span>Déconnexion</span></button>
    </form>
  </div>
  <nav class="side-nav nav-accordion" aria-label="Navigation équipe">
    <details class="nav-group" <%= path.startsWith('/agenda') ? 'open' : '' %>>
      <summary><span class="nav-group-icon"><%- ui.navIcon('agenda') %></span><span><strong>Terrain & RH</strong><small>Agenda, heures et absences</small></span></summary>
      <div class="nav-group-items">
        <a class="<%= staffHomeActive ? 'active' : '' %>" href="<%= staffBase %>"><span class="nav-icon"><%- ui.navIcon('agenda') %></span><span>Mon agenda</span></a>
        <a class="<%= path.includes('/heures') ? 'active' : '' %>" href="<%= staffBase %>/heures"><span class="nav-icon"><%- ui.navIcon('timer') %></span><span>Mes heures</span></a>
        <% if (payrollEnabled) { %><a class="<%= path.includes('/fiches-salaires') ? 'active' : '' %>" href="<%= staffBase %>/fiches-salaires"><span class="nav-icon"><%- ui.navIcon('document') %></span><span>Fiches salaire</span></a><% } %>
        <a class="<%= path.includes('/absences') ? 'active' : '' %>" href="<%= staffBase %>/absences"><span class="nav-icon"><%- ui.navIcon('clock') %></span><span>Absences</span></a>
      </div>
    </details>

    <% if (currentUser && currentUser.role === 'employee' && currentUser.is_responsible) { %>
      <details class="nav-group" <%= active('/admin/interventions') || active('/admin/clients') ? 'open' : '' %>>
        <summary><span class="nav-group-icon"><%- ui.navIcon('briefcase') %></span><span><strong>Responsable</strong><small>Suivi opérationnel</small></span></summary>
        <div class="nav-group-items">
          <a class="<%= active('/admin/interventions') ? 'active' : '' %>" href="<%= adminBase %>/interventions"><span class="nav-icon"><%- ui.navIcon('briefcase') %></span><span>Interventions</span></a>
          <a class="<%= active('/admin/clients') ? 'active' : '' %>" href="<%= adminBase %>/clients"><span class="nav-icon"><%- ui.navIcon('users') %></span><span>Clients</span></a>
        </div>
      </details>
    <% } %>

    <% if (currentUser && currentUser.role === 'admin') { %>
      <details class="nav-group" <%= active('/admin') ? 'open' : '' %>>
        <summary><span class="nav-group-icon"><%- ui.navIcon('dashboard') %></span><span><strong>Administration</strong><small>Retour au pilotage</small></span></summary>
        <div class="nav-group-items">
          <a class="<%= active('/admin') ? 'active' : '' %>" href="<%= adminBase %>"><span class="nav-icon"><%- ui.navIcon('dashboard') %></span><span>Retour admin</span></a>
        </div>
      </details>
    <% } %>
  </nav>
</aside>
