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

defineProps<{
  data: DeviceOrder
}>()
</script>

<template>
  <DE.Block :col-count="2" mode="preview">
    <DE.Cell>
      <DE.Label>Tanggal</DE.Label>
      <DE.Field>
        {{ data?.createdAt?.substring(0, 10) }}
      </DE.Field>
    </DE.Cell>
    <DE.Cell>
      <DE.Label>DPJP</DE.Label>
      <DE.Field>
        {{ data?.doctor?.employee?.person?.name }}
      </DE.Field>
    </DE.Cell>
  </DE.Block>
</template>
