<template>
  <ul class="menu">
    <li class="nav-item">
      <router-link to="/sanctn-management" class="nav-link " active-class="active"><span>결재관리</span></router-link>
    </li>
    <i class="fa-solid fa-bars"></i>
    <li class="nav-item">
      <router-link to="/attendance-management" class="nav-link " active-class="active"><span>근태관리</span></router-link>
    </li>
    <i class="fas fa-bars"></i>
    <li class="nav-item">
      <router-link to="/task-management" class="nav-link " active-class="active"><span>업무관리</span></router-link>
    </li>
    <i class="fas fa-bars"></i>
    <li class="nav-item">
      <router-link to="/financial-management" class="nav-link " active-class="active"><span>재무관리</span></router-link>
    </li>
    <i class="fas fa-bars"></i>
    <li class="nav-item">
      <router-link to="/asset-management" class="nav-link " active-class="active"><span>자산관리</span></router-link>
    </li>
    <i class="fas fa-bars"></i>
    <li class="nav-item">
      <router-link to="/hr-management" class="nav-link " active-class="active"><span>인사관리</span></router-link>
    </li>
    <i class="fas fa-bars"></i>
    <li class="nav-item">
      <router-link to="/system-management" class="nav-link " active-class="active"><span>시스템관리</span></router-link>
    </li>
  </ul>
</template>
<script>
export default {
  name: "ProfileImage",
  data() {
    return {
      logo: "/client/resources/img/logo.png",
      isLoggedIn: false,
      userName: '',
    };
  },
  methods: {
    handleLogout() {
      localStorage.removeItem('loggedInUser');
      this.isLoggedIn = false;
      this.$router.push("/login");
    },
    toggleSidebar() {
      document.body.classList.toggle("toggle-sidebar");
    },
  },
  created() {
    const loggedInUser = localStorage.getItem('loggedInUser');
    if (loggedInUser) {
      this.isLoggedIn = true;
    }
  },
};
</script>