<template>
  <!-- ======= Sidebar ======= -->
  <aside id="sidebar" class="sidebar">

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

      <li class="nav-item">
        <router-link to="/" class="nav-link " active-class="active"><i class="bi bi-grid"></i>
          <span>Home</span></router-link>
      </li><!-- End Dashboard Nav -->



      <li class="nav-heading">Pages</li>
      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#Chuljang-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-journal-text"></i>
          <span>출장관리</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="Chuljang-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <router-link to="/ChuljangInsert" class="nav-link " active-class="active"><i
                class="bi bi-circle"></i><span>출장신청</span></router-link>
          </li>
          <li>
            <router-link to="/ChuljangList" class="nav-link " active-class="active"><i
                class="bi bi-circle"></i><span>출장내역</span></router-link>
          </li>

        </ul>
      </li>
      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#hyuga-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-journal-text"></i>
          <span>휴가관리</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="hyuga-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <router-link to="/HyugaInsert" class="nav-link " active-class="active"><i
                class="bi bi-circle"></i><span>휴가신청</span></router-link>
          </li>
          <li>
            <router-link to="/HyugaList" class="nav-link " active-class="active"><i
                class="bi bi-circle"></i><span>휴가내역</span></router-link>
          </li>

        </ul>
      </li>
      <li class="nav-item">
        <a class="nav-link collapsed" data-bs-target="#project-nav" data-bs-toggle="collapse" href="#">
          <i class="bi bi-journal-text"></i>
          <span>프로젝트관리</span><i class="bi bi-chevron-down ms-auto"></i>
        </a>
        <ul id="project-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
          <li>
            <router-link to="/ProjectInsert" class="nav-link " active-class="active"><i
                class="bi bi-circle"></i><span>프로젝트 등록</span></router-link>
          </li>

          <li>
            <router-link to="/ProjectList" class="nav-link " active-class="active"><i class="bi bi-journal-text"></i>
              <span>프로젝트 내역</span></router-link>
          </li>

        </ul>
      </li>

      <li class="nav-item">
        <router-link to="/NoticeList" class="nav-link " active-class="active"><i class="bi bi-journal-text"></i>
          <span>공지사항</span></router-link>
      </li><!-- End Register Page Nav -->

      <li class="nav-item">
        <router-link to="/EmployeeList" class="nav-link " active-class="active"><i class="bi bi-person"></i>
          <span>직원관리</span></router-link>
      </li><!-- End Login Page Nav -->

      <li class="nav-item">
        <router-link to="/DeptList" class="nav-link " active-class="active"><i class="bi bi-person"></i>
          <span>부서관리</span></router-link>
      </li><!-- End Error 404 Page Nav -->

      <li class="nav-item">
        <router-link to="/PubHoliyday" class="nav-link " active-class="active"><i class="bi bi-gem"></i>
          <span>공휴일관리</span></router-link>
      </li><!-- End Blank Page Nav -->

    </ul>

  </aside><!-- End Sidebar-->
</template>

<script>

</script>

<style></style>