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

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

<template>
  <div class="mb-4 2xl:mb-5">
    <div class="font-semibold text-sm 2xl:text-base mb-2">
      Detail Order
    </div>
    <DE.Block :col-count="2" mode="preview">
      <DE.Cell>
        <DE.Label>No. Order</DE.Label>
        <DE.Colon />
        <DE.Field>ORT-{{ data.id }}</DE.Field>
      </DE.Cell>
      <DE.Cell>
        <DE.Label>Tgl. Order</DE.Label>
        <DE.Colon />
        <DE.Field>{{ data.createdAt?.substring(0, 10) }}</DE.Field>
      </DE.Cell>
    </DE.Block>
  </div>
</template>
