<aside id="sidebar" class="sidebar">

    <ul class="sidebar-nav" id="sidebar-nav">

      <li class="nav-item">
        <a class="nav-link " href="index.html">
          <i class="bi bi-grid"></i>
          <span>Dashboard</span>
        </a>
      </li><!-- End Dashboard Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#anggota-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Manajemen Anggota</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="anggota-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html">
              <i class="bi bi-circle"></i><span>Data Pelatih</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Data Anggota</span>
            </a>
          </li>
           <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Data Kolat</span>
            </a>
          </li>
        </ul>
      </li> {{-- End Manajemen Anggota --}}

      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#latihan-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Manajemen Latihan</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="latihan-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html">
              <i class="bi bi-circle"></i><span>Presensi</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Jadwal & Pengumuman</span>
            </a>
          </li>
           <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Penilaian Pelatih</span>
            </a>
          </li>
        </ul>
      </li> {{-- End Manajemen Latihan --}}

<li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#transaksi-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Transaksi</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="transaksi-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html">
              <i class="bi bi-circle"></i><span>Kas Cabang</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>SPP Anggota</span>
            </a>
          </li>
        </ul>
      </li> {{-- End transaksi --}}

     <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#laporan-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-gem"></i><span>Laporan</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="laporan-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <a href="icons-bootstrap.html">
              <i class="bi bi-circle"></i><span>Laporan Anggota</span>
            </a>
          </li>
          <li>
            <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Laporan Keuangan</span>
            </a>
          </li>
           <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Laporan Presensi</span>
            </a>
          </li>
           <a href="icons-remix.html">
              <i class="bi bi-circle"></i><span>Laporan Penialaian</span>
            </a>
          </li>
        </ul>
      </li>



      <li class="nav-heading">Pages</li>

      <li class="nav-item">
        <a class="nav-link collapsed" href="users-profile.html">
          <i class="bi bi-person"></i>
          <span>Profile</span>
        </a>
      </li><!-- End Profile Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-login.html">
          <i class="bi bi-box-arrow-in-right"></i>
          <span>Login</span>
        </a>
      </li><!-- End Login Page Nav -->

      <li class="nav-item">
        <a class="nav-link collapsed" href="pages-error-404.html">
          <i class="bi bi-dash-circle"></i>
          <span>Error 404</span>
        </a>
      </li><!-- End Error 404 Page Nav -->


    </ul>

  </aside>
