<script setup>

definePageMeta({
  layout: 'mobile',
})

const profileStore = useProfileStore()

</script>

<template>
  <UDashboardPanelContent>
    <UDivider class="mb-3">Weiteres</UDivider>
    <UButton
        class="w-full my-1"
        to="/times"
        icon="i-heroicons-clock"
    >
      Zeiten
    </UButton>
    <UButton
        class="w-full my-1"
        to="/standardEntity/absencerequests"
        icon="i-heroicons-document-text"
    >
      Abwesenheiten
    </UButton>

    <UButton
        class="w-full my-1"
        to="/workingtimes"
        icon="i-heroicons-clock"
    >
      Anwesenheiten
    </UButton>
<!--    <UButton
        class="w-full my-1">
      Kalender
    </UButton>-->
    <UButton
        class="w-full my-1"
      to="/standardEntity/customers"
        icon="i-heroicons-user-group"
    >
      Kunden
    </UButton>
    <UButton
        class="w-full my-1"
        to="/standardEntity/vendors"
        icon="i-heroicons-truck"
    >
      Lieferanten
    </UButton>
    <UButton
        class="w-full my-1"
        to="/standardEntity/contacts"
        icon="i-heroicons-user-group"
    >
      Ansprechpartner
    </UButton>
    <UButton
        class="w-full my-1"
        to="/standardEntity/plants"
        icon="i-heroicons-clipboard-document"
    >
      Objekte
    </UButton>

    <UDivider class="my-5">Unternehmen wechseln</UDivider>

    <UButton
      v-for="option in profileStore.ownProfiles"
      class="my-1"
      variant="outline"
      @click="profileStore.changeProfile(option.id)"
    >
      {{profileStore.tenants.find(i => i.id === option.tenant).name}}
    </UButton>


  </UDashboardPanelContent>
</template>

<style scoped>

</style>