<script setup lang="ts">
import type { DeviceOrder } from '~/models/device-order'
import * as DE from '~/components/pub/my-ui/doc-entry'

defineProps<{
  data: DeviceOrder | null | undefined
}>()
</script>
<template>
    <DE.Block mode="preview" label-size="small" class="!mb-0">
      <DE.Cell>
        <DE.Label>Tgl. Order</DE.Label>
        <DE.Colon />
        <DE.Field>
          {{ data?.createdAt?.substring(0, 10) }}
        </DE.Field>
      </DE.Cell>
      <DE.Cell>
        <DE.Label>DPJP</DE.Label>
        <DE.Colon />
        <DE.Field>
          {{ data?.doctor?.employee?.person?.name }}
        </DE.Field>
      </DE.Cell>
    </DE.Block>
</template>