<script setup lang="ts">
import Nav from '~/components/pub/my-ui/nav-footer/ba-su.vue'
import Header from '~/components/pub/my-ui/nav-header/prep.vue'

import { useQueryCRUDMode } from '~/composables/useQueryCRUD'

import ItemListEntry from '~/components/app/device-order-item/list-entry.vue'
import type { HeaderPrep } from '~/components/pub/my-ui/data/types'

const { backToList } = useQueryCRUDMode()

const headerPrep: HeaderPrep = {
  title: 'Tambah Order Alkes',
  icon: 'i-lucide-box',
}

  function navClick(type: 'cancel' | 'submit') {
    if (type === 'cancel') {
      backToList()
    }
  }
</script>

<template>
  <Header
    :prep="headerPrep"
    :ref-search-nav="headerPrep.refSearchNav"
    class="mb-4 xl:mb-5"
  />

  <ItemListEntry />
  <Separator class="my-5" />

  <div class="w-full flex justify-center">
    <Nav @click="navClick" />
  </div>
</template>
