<script setup lang="ts">
// import type { PagePermission } from '~/models/role'
import Error from '~/components/pub/my-ui/error/error.vue'
// import { PAGE_PERMISSIONS } from '~/lib/page-permission'

definePageMeta({
  // middleware: ['rbac'],
  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
  title: 'Medical Checkup',
  contentFrame: 'cf-container-lg',
})

const route = useRoute()

useHead({
  title: () => route.meta.title as string,
})

// const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']

// const { checkRole, hasReadAccess } = useRBAC()

// // Check if user has access to this page
// const hasAccess = checkRole(roleAccess)
// if (!hasAccess) {
//   navigateTo('/403')
// }

// Define permission-based computed properties
// const canRead = hasReadAccess(roleAccess)
const canRead = true
</script>

<template>
  <template v-if="canRead">MCU - SRC</template>
  <Error
    v-else
    :status-code="403"
  />
</template>
