import React from 'react'; import AppLayout from '@/layouts/app-layout' import hasAnyPermission from '@/utils/has-permissions'; import PagePagination from '@/components/page-pagination'; import { type BreadcrumbItem } from '@/types'; import { Head, useForm, usePage, Link } from '@inertiajs/react'; import { Table, TableBody, TableCard, TableCell, TableEmpty, TableHead, TableHeader, TableRow, TableFilter } from '@/components/ui/table'; import { Button } from '@/components/ui/button'; import { Badge } from '@/components/ui/badge'; import { PlusCircle } from 'lucide-react'; import { ActionButton } from '@/components/action-button'; import { ModalDelete } from '@/components/modal-delete'; import Heading from '@/components/heading'; import { CheckingStock } from '@/types/checking-stock'; import { CheckingStockDetail } from '@/types/checking-stock-detail'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Stok Opname', href: '#', }, ]; interface IndexProps { checkingStocks: { data: CheckingStock[], links: CheckingStockDetail[], }; perPage: number; currentPage: number; [key: string]: unknown; } export default function Index() { const { checkingStocks, perPage, currentPage } = usePage().props; const [deleteModal, setDeleteModal] = React.useState(false); const { data, setData } = useForm({ id: '', }) const handleModalDelete = (CheckingStock: CheckingStock) => { setDeleteModal(true); setData(prevData => ({ ...prevData, id: CheckingStock.id, })) } const status = (status: string): string => { switch (status) { case 'draft': return 'Draft'; case 'cancel': return 'Batal'; case 'done': return 'Selesai'; default: return 'Status Tidak Dikenal'; } }; return (

{hasAnyPermission(['checking-stocks-create']) && }

No Nomor Referensi Tanggal Stok Opname Jenis Stok Opname Petugas Status Total Items Aksi {checkingStocks.data.length === 0 ? : checkingStocks.data.map((checkingStock, index) => ( {index + 1} {checkingStock.no_ref} {checkingStock.due_date} {checkingStock.type == 'products' ? 'Produk' : 'Bahan Baku'} {checkingStock.user.name} {status(checkingStock.status)} {checkingStock.details_count}

{(hasAnyPermission(['checking-stocks-update']) || hasAnyPermission(['checking-stocks-delete'])) && handleModalDelete(checkingStock)} withDelete={checkingStock.status == 'draft'} withEdit={checkingStock.status != 'done'} /> }

)) }

) }