<aside class="sidebar" id="sidebar">
  <div class="sidebar-brand">
    <div class="logo-mark">EP</div>
    <div class="brand-text">
      <div class="name">EP School</div>
      <div class="tag">Management System</div>
    </div>
  </div>

  <div class="sidebar-section-label">Overview</div>
  <ul class="sidebar-nav">
    <li><a href="/dashboard" class="nav-item <%= currentPath && currentPath.startsWith('/dashboard') ? 'active' : '' %>"><i class="fa-solid fa-grid-2"></i> Dashboard</a></li>
  </ul>

  <div class="sidebar-section-label">Academics</div>
  <ul class="sidebar-nav">
    <li><a href="/students" class="nav-item <%= currentPath && currentPath.startsWith('/students') ? 'active' : '' %>"><i class="fa-solid fa-user-graduate"></i> Students <% if (typeof navCounts !== 'undefined' && navCounts.students) { %><span class="count-pill"><%= navCounts.students %></span><% } %></a></li>
    <li><a href="/teachers" class="nav-item <%= currentPath && currentPath.startsWith('/teachers') ? 'active' : '' %>"><i class="fa-solid fa-chalkboard-user"></i> Teachers <% if (typeof navCounts !== 'undefined' && navCounts.teachers) { %><span class="count-pill"><%= navCounts.teachers %></span><% } %></a></li>
    <li><a href="/classes" class="nav-item <%= currentPath && currentPath.startsWith('/classes') ? 'active' : '' %>"><i class="fa-solid fa-school"></i> Classes <% if (typeof navCounts !== 'undefined' && navCounts.classes) { %><span class="count-pill"><%= navCounts.classes %></span><% } %></a></li>
    <li><a href="/attendance" class="nav-item <%= currentPath && currentPath.startsWith('/attendance') ? 'active' : '' %>"><i class="fa-solid fa-clipboard-check"></i> Attendance</a></li>
    <li><a href="/exams" class="nav-item <%= currentPath && currentPath.startsWith('/exams') ? 'active' : '' %>"><i class="fa-solid fa-file-pen"></i> Exams &amp; Results</a></li>
  </ul>

  <div class="sidebar-section-label">Finance &amp; Comms</div>
  <ul class="sidebar-nav">
    <li><a href="/fees" class="nav-item <%= currentPath && currentPath.startsWith('/fees') ? 'active' : '' %>"><i class="fa-solid fa-sack-dollar"></i> Fees &amp; Payments</a></li>
    <li><a href="/notices" class="nav-item <%= currentPath && currentPath.startsWith('/notices') ? 'active' : '' %>"><i class="fa-solid fa-bullhorn"></i> Notices</a></li>
  </ul>

  <% if (currentUser && currentUser.role === 'superadmin') { %>
  <div class="sidebar-section-label">Platform</div>
  <ul class="sidebar-nav">
    <li><a href="/schools" class="nav-item <%= currentPath && currentPath.startsWith('/schools') ? 'active' : '' %>"><i class="fa-solid fa-building-columns"></i> Schools</a></li>
  </ul>
  <% } %>

  <div class="sidebar-section-label">Account</div>
  <ul class="sidebar-nav">
    <li><a href="/settings" class="nav-item <%= currentPath && currentPath.startsWith('/settings') ? 'active' : '' %>"><i class="fa-solid fa-gear"></i> Settings</a></li>
  </ul>

  <div class="sidebar-foot">
    &copy; <%= new Date().getFullYear() %> EP School Management System<br>
    Created by <a href="https://www.eplugins.net" target="_blank" rel="noopener">www.eplugins.net</a>
  </div>
</aside>
