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

const props = defineProps<{
  data: McuOrder
}>()

</script>

<template>
    <div class="text-sm 2xl:text-base font-semibold mb-3">
      Order {{ data?.createdAt?.substring(0, 10) }} - {{ data?.status_code }}
    </div>
    <div class="max-w-[1000px]">
      <DE.Block mode="preview" :col-count=5 class="!mb-3">
        <DE.Cell :col-span="2">
          <DE.Label class="font-semibold">DPJP</DE.Label>
          <DE.Field>
            {{  data?.doctor?.employee?.person?.name || '.........' }}
          </DE.Field>
        </DE.Cell>
        <DE.Cell></DE.Cell>
        <DE.Cell :col-span="2">
          <DE.Label class="font-semibold">PPDS</DE.Label>
          <DE.Field>
            ...........
          </DE.Field>
        </DE.Cell>
      </DE.Block>
    </div>
</template>