<template>
  <v-list>
    <v-list-item link :to="{name: 'serviceManagement', params: {year: new Date().getFullYear(), month: new Date().getMonth() + 1}}">      <v-list-item-icon>
        <v-icon>{{ work }}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Dienstverwaltung
      </v-list-item-title>
    </v-list-item>
    <v-list-item link :to="{name: 'userManager'}">
      <v-list-item-icon>
        <v-icon>{{list}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Benutzerliste
      </v-list-item-title>
    </v-list-item>
    <v-list-item link :to="{name: 'workgroupManagement'}">
      <v-list-item-icon>
        <v-icon>{{group}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Arbeitsgruppen
      </v-list-item-title>
    </v-list-item>
    <v-list-item link :to="{name: 'jobkindManagement'}">
      <v-list-item-icon>
        <v-icon>{{jobs}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Dienstarten
      </v-list-item-title>
    </v-list-item>
  </v-list>
</template>

<script>
import { mdiBriefcase, mdiAccountMultiple, mdiAccountGroup, mdiAccountNetwork } from '@mdi/js'
export default {
  name: 'ManagementNavigation',
  data() {
    return {
      work: mdiBriefcase,
      list: mdiAccountMultiple,
      group: mdiAccountGroup,
      jobs: mdiAccountNetwork
    }
  }
}
</script>

<style scoped></style>
