<template>
  <v-expansion-panels flat tile v-model="panel" multiple>
    <v-expansion-panel>
      <v-expansion-panel-header
        class="font-weight-bold"
        expand-icon="icon-dropdown-up"
        >{{ $t('rightMenu.my_account') }}
      </v-expansion-panel-header>
      <v-expansion-panel-content>
        <v-list-item
          nuxt
          exact
          :to="localePath(`/manager/accounts/${$auth.user.id}`)"
          @click="$store.commit('navigation/SWITCH_RIGHT_DRAWER', false)"
        >
          <v-list-item-content>
            <v-list-item-subtitle> Profiel bewerken </v-list-item-subtitle>
          </v-list-item-content>
        </v-list-item>
        <!--<v-list-item
          nuxt
          :to="localePath('/manager/accounts')"
          exact
          @click="$store.commit('navigation/SWITCH_RIGHT_DRAWER', false)"
          v-if="$store.getters.isSuperAdmin"
        >
          <v-list-item-content>
            <v-list-item-subtitle>
              {{ $t('rightMenu.users_manager') }}
            </v-list-item-subtitle>
          </v-list-item-content>
        </v-list-item>
         <v-list-item>
          <v-list-item-content>
            <v-list-item-subtitle>
              {{ $t('rightMenu.notification_manager') }}
            </v-list-item-subtitle>
          </v-list-item-content>
        </v-list-item> -->

        <v-divider class="my-2 lines" />

        <v-list-item @click="logout">
          <v-list-item-content>
            <v-list-item-title>
              {{ $t('rightMenu.logout') }}
              <!-- <localeSwitch /> -->
            </v-list-item-title>
          </v-list-item-content>

          <v-list-item-avatar>
            <v-btn text>
              <v-icon small>icon-logout</v-icon>
            </v-btn>
          </v-list-item-avatar>
        </v-list-item>
      </v-expansion-panel-content>
    </v-expansion-panel>
  </v-expansion-panels>
</template>

<script>
// import localeSwitch from '~/components/LocaleSwitch/LocaleSwitch'

export default {
  data: () => ({
    panel: [0],
  }),
  // components: {
  //   localeSwitch,
  // },
  methods: {
    async logout() {
      await this.$auth.logout()
    },
  },
}
</script>
