<template>
  <UDashboardPage>
    <UDashboardPanel grow>
      <UDashboardNavbar title="Home">
        <template #right>
          <UTooltip text="Notifications" :shortcuts="['N']">
            <UButton color="gray" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
              <UChip :show="false" color="red" inset>
                <UIcon name="i-heroicons-bell" class="w-5 h-5" />
              </UChip>
            </UButton>
          </UTooltip>
        </template>
      </UDashboardNavbar>

      <UDashboardPanelContent>
        <UDashboardCard
            title="Anwesenheiten"
          v-if="dataStore.getStartedWorkingTimes().length > 0"
        >
          <p v-for="time in dataStore.getStartedWorkingTimes()"><UIcon name="i-heroicons-check"/>{{dataStore.getProfileById(time.profile).fullName}}</p>
        </UDashboardCard>
<!--        <UDashboardCard
          title="Offene Aufgaben"
          v-if="dataStore.getOpenTasksCount > 0"
          class="w-1/2 h-1/2"
        >
          <UTable
            :rows="dataStore.tasks.filter(i => i.categorie !== 'Erledigt' && (i.profile === dataStore.activeProfile.id ||!i.profile))"
            :columns="[
                {
                  key: 'categorie',
                  label: 'Kategorie'
                },{
                  key: 'name',
                  label: 'Name'
                },
            ]"
          ></UTable>
        </UDashboardCard>-->

      </UDashboardPanelContent>
    </UDashboardPanel>
  </UDashboardPage>
</template>

<script setup>
definePageMeta({
  middleware: "auth"
})

const dataStore = useDataStore()
const toast = useToast()

const { isNotificationsSlideoverOpen } = useDashboard()
const items = [[{
  label: 'Aufgabe',
  icon: 'i-heroicons-paper-airplane',
  to: '/tasks/create'
}, {
  label: 'Kunde',
  icon: 'i-heroicons-user-plus',
  to: '/customers/create'
}]]


const supabase = useSupabaseClient()

const user = useSupabaseUser()


</script>

<style scoped>

</style>