<script setup>

import DepartmentDashboardNavigation from "@/views/dashboards/departmentDashboard/departmentDashboardNavigation.vue";
import DepartmentDashboardHero from "@/views/dashboards/departmentDashboard/DepartmentDashboardHero.vue";
import PosDepartmentMVP from "@/components/displays/department/pos/PosDepartmentMVP.vue";
import DepartmentPosNavigation from "@/views/dashboards/departmentDashboard/modules/Pos/DepartmentPosNavigation.vue";
import RestrictedPageWrapper from "@/components/page/wrappers/RestrictedPageWrapper.vue";
import { SessionUser } from "@/components/session/token/SessionUser.vue";
import DepartmentDashboardPageWrapper from "@/views/dashboards/departmentDashboard/DepartmentDashboardPageWrapper.vue";
import PageTitle from "@/components/global/PageTitle.vue";
import NotFoundFallBackPageWrapper from "@/components/page/wrappers/NotFoundFallBackPageWrapper.vue";
</script>

<template>
  <DepartmentDashboardPageWrapper
      title="Kassesystem"
      subtitle="Her kan du håndtere salg og ordrer"
  >
    <template #default>
      <RestrictedPageWrapper :hasPermission="SessionUser.canAccessAdmin()">
        <NotFoundFallBackPageWrapper :exists="SessionUser.functions.getDepartmentIdFromUrl() && SessionUser.canAccessDepartment(SessionUser.functions.getDepartmentIdFromUrl())" error="Please select a department, that you have access to. If you believe this is an error, please contact support.">
          <!-- <DepartmentDashboardHero /> -->
          <!-- <DepartmentPosNavigation /> -->
          <PosDepartmentMVP />
        </NotFoundFallBackPageWrapper>
      </RestrictedPageWrapper>
    </template>
  </DepartmentDashboardPageWrapper>
</template>

<style scoped>

</style>