<template>
  <div class="p-10 text-center">
    <div class="mb-4 xl:mb-5">Belum Ada Data</div>
    <div>
      <Button>
        <Icon name="i-lucide-plus" class="me-2 align-middle" />
        Tambah Order
      </Button>
    </div>
  </div>
  <Separator class="my-5" />
  <div>
    <PubMyUiDocEntryBlock mode="preview" :colCount=3>
      <PubMyUiDocEntryCell>
        <PubMyUiDocEntryLabel>DPJP</PubMyUiDocEntryLabel>
        <PubMyUiDocEntryField>
            <Input />
        </PubMyUiDocEntryField>
      </PubMyUiDocEntryCell>
      <PubMyUiDocEntryCell />
      <PubMyUiDocEntryCell>
        <PubMyUiDocEntryLabel>Tgl Order</PubMyUiDocEntryLabel>
        <PubMyUiDocEntryField>
            <Input />
        </PubMyUiDocEntryField>
      </PubMyUiDocEntryCell>
      <PubMyUiDocEntryCell>
        <PubMyUiDocEntryLabel>DPJP</PubMyUiDocEntryLabel>
        <PubMyUiDocEntryField>
            <Input />
        </PubMyUiDocEntryField>
      </PubMyUiDocEntryCell>
      <PubMyUiDocEntryCell />
      <PubMyUiDocEntryCell>
        <PubMyUiDocEntryLabel>Status</PubMyUiDocEntryLabel>
        <PubMyUiDocEntryField>
            <Input />
        </PubMyUiDocEntryField>
      </PubMyUiDocEntryCell>
    </PubMyUiDocEntryBlock>
  </div>
</template>
