<script setup lang="ts">
// types
import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
// components
import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'

const isLoading = ref(false)
const items = [
  { value: 'item1', label: 'Item 1' },
  { value: 'item2', label: 'Item 2' },
]

function onBack() {
  navigateTo('/tools-equipment-src/equipment')
}

async function onSubmit(data: MaterialFormData) {
  console.log(data);
}
</script>

<template>
  <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
    <Icon name="i-lucide-panel-bottom" class="me-2" />
    <span class="font-semibold">Tambah</span> Perlengkapan (BMHP)
  </div>
  <AppMaterialEntryForm :is-loading="isLoading" :schema="MaterialSchema" :items="items" @back="onBack" @submit="onSubmit" />
</template>
