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 { FileText, PlusCircle } from 'lucide-react'; import { ActionButton } from '@/components/action-button'; import { ModalDelete } from '@/components/modal-delete'; import Heading from '@/components/heading'; import { PurchaseReturn, PurchaseReturnLink } from '@/types/purchase-return'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Retur Pembelian', href: '#', }, ]; interface IndexProps { purchaseReturns: { data: PurchaseReturn[], links: PurchaseReturnLink[], }; perPage: number; currentPage: number; [key: string]: unknown; } export default function Index() { const { purchaseReturns, perPage, currentPage } = usePage().props; const [deleteModal, setDeleteModal] = React.useState(false); const { data, setData } = useForm({ id: '', }) const handleModalDelete = (purchaseReturn: PurchaseReturn) => { setDeleteModal(true); setData(prevData => ({ ...prevData, id: purchaseReturn.id, })) } const refundMethod = (status: string): string => { switch (status) { case 'refund': return 'Pengembalian Dana'; case 'replacement': return 'Pergantian Barang'; case 'debt_reduction': return 'Pengurangan Hutang'; default: return 'Status Tidak Dikenal'; } }; return (

{hasAnyPermission(['purhcase-returns-create']) && }

No Nomor Retur Pembelian Nomor Faktur Pembelian Supplier Tanggal Retur Status Retur Jenis Retur Total Retur Aksi {purchaseReturns.data.length === 0 ? : purchaseReturns.data.map((purchaseReturn, index) => ( {index + 1} {purchaseReturn.return_code} {purchaseReturn.order.order_code} [{purchaseReturn.order.supplier.code}] {purchaseReturn.order.supplier.name} {purchaseReturn.return_date} {purchaseReturn.status == 'pending' ? 'Diajukan' : 'Diterima'} {refundMethod(purchaseReturn.refund_method)} ^Rp {purchaseReturn.grand_total}

{(hasAnyPermission(['purchase-returns-update']) || hasAnyPermission(['purchase-returns-delete'])) && handleModalDelete(purchaseReturn)} withDelete={purchaseReturn.status == 'pending'} /> }

)) }

) }