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

  <UDashboardPanelContent>
    <div class="mb-5">
      <UDashboardCard
          title="Einnahmen und Ausgaben(netto)"
          class="mt-3"
      >
        <display-income-and-expenditure/>
      </UDashboardCard>
    </div>
    <UPageGrid>
      <UDashboardCard
          title="Buchhaltung"
      >
        <display-open-balances/>
      </UDashboardCard>
      <UDashboardCard
          title="Bank"
      >
        <display-bankaccounts/>
      </UDashboardCard>
      <UDashboardCard
          title="Projekte"
      >
        <display-projects-in-phases/>
      </UDashboardCard>
      <!--<UDashboardCard
          title="Anwesende"
      >
        <display-present-profiles/>
      </UDashboardCard>
      <UDashboardCard
          title="Projektzeiten"
      >
        <display-running-time/>
      </UDashboardCard>
      <UDashboardCard
          title="Anwesenheiten"
      >
        <display-running-working-time/>
      </UDashboardCard>-->
      <UDashboardCard
          title="Aufgaben"
      >
        <display-open-tasks/>
      </UDashboardCard>
    </UPageGrid>
  </UDashboardPanelContent>
</template>

<script setup>

definePageMeta({
  middleware: 'redirect-to-mobile-index'
})

const { isNotificationsSlideoverOpen } = useDashboard()

const setup = async () => {

}

setup()
</script>

<style scoped>

</style>