<?php
// /elms/coordinator/partials/sidebar.php
?>
<aside id="ec-coord-sidebar" class="ec-sidebar">
  <div class="brand">
    <img src="/elms/assets/brand/logo.png" alt="Eden" />
    <span>Coordinator</span>
  </div>

  <nav class="menu">
    <a class="item <?php echo ($ACTIVE ?? '')==='dashboard'?'active':''; ?>" href="/elms/admin/coordinator/">
      <i class="bi bi-speedometer2"></i><span>Dashboard</span>
    </a>
    <div class="section">Teaching</div>
    <a class="item <?php echo ($ACTIVE ?? '')==='planner'?'active':''; ?>" href="/elms/admin/coordinator/planner.php">
      <i class="bi bi-calendar3"></i><span>Planner</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='assessments'?'active':''; ?>" href="/elms/admin/coordinator/assessments.php">
      <i class="bi bi-list-check"></i><span>Assessments</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='submissions'?'active':''; ?>" href="/elms/admin/coordinator/submissions.php">
      <i class="bi bi-inbox"></i><span>Submissions</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='marking'?'active':''; ?>" href="/elms/admin/coordinator/marking.php">
      <i class="bi bi-pencil-square"></i><span>Marking</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='lecturers'?'active':''; ?>" href="/elms/admin/coordinator/lecturers.php">
      <i class="bi bi-people"></i><span>Lecturers</span>
    </a>

    <div class="section">Delivery</div>
    <a class="item <?php echo ($ACTIVE ?? '')==='batches'?'active':''; ?>" href="/elms/admin/coordinator/batches.php">
      <i class="bi bi-diagram-3"></i><span>Batches</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='verification'?'active':''; ?>" href="/elms/admin/coordinator/verification.php">
      <i class="bi bi-shield-check"></i><span>Verification</span>
    </a>
    <a class="item <?php echo ($ACTIVE ?? '')==='release'?'active':''; ?>" href="/elms/admin/coordinator/release.php">
      <i class="bi bi-box-arrow-up"></i><span>Release Center</span>
    </a>

    <div class="section">Insights</div>
    <a class="item <?php echo ($ACTIVE ?? '')==='reports'?'active':''; ?>" href="/elms/admin/coordinator/reports.php">
      <i class="bi bi-graph-up"></i><span>Reports</span>
    </a>

    <div class="section">Me</div>
    <a class="item" href="/elms/admin/coordinator/profile.php">
      <i class="bi bi-person-circle"></i><span>My Profile</span>
    </a>
    <a class="item" href="/elms/admin/coordinator/logout.php">
      <i class="bi bi-box-arrow-right"></i><span>Sign out</span>
    </a>
  </nav>
</aside>

<style>
/* Minimal, modern, brandable */
.ec-shell { display:flex; min-height:100vh; background:#f5f7fb; }
.ec-sidebar { width:260px; background:#0E1B2A; color:#dbe7ff; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }
.ec-sidebar .brand{ display:flex; align-items:center; gap:.6rem; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.06);}
.ec-sidebar .brand img{ width:36px; height:36px; object-fit:contain;}
.ec-sidebar .brand span{ font-weight:700; color:#fff; }
.ec-sidebar .menu{ padding:8px 8px 24px; overflow:auto; }
.ec-sidebar .menu .section{ margin:14px 10px 6px; font-size:.78rem; letter-spacing:.04em; color:#8aa1c6; text-transform:uppercase;}
.ec-sidebar .menu .item{ display:flex; align-items:center; gap:.75rem; color:#dbe7ff; padding:10px 12px; border-radius:10px; margin:4px 6px; text-decoration:none; }
.ec-sidebar .menu .item:hover{ background:#16263A; color:#fff; }
.ec-sidebar .menu .item.active{ background:#1D3557; color:#fff; position:relative; }
.ec-sidebar .menu .item.active::before{ content:""; position:absolute; left:-6px; top:8px; bottom:8px; width:4px; background:#35C1A6; border-radius:4px; }
@media (max-width: 991px){
  .ec-sidebar{ position:fixed; z-index:1040; transform:translateX(-100%); transition:.25s; }
  .ec-sidebar.open{ transform:none; }
}
</style>
