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 { CheckCircle, CirclePause, PlusCircle, XCircle } from 'lucide-react'; import { ActionButton } from '@/components/action-button'; import { ModalDelete } from '@/components/modal-delete'; import { Order, OrderLink } from '@/types/order'; import Heading from '@/components/heading'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Pembelian', href: route('apps.orders.index'), }, ]; interface IndexProps { orders: { data: Order[], links: OrderLink[], }; perPage: number; currentPage: number; [key: string]: unknown; } export default function Index() { const { orders, perPage, currentPage } = usePage().props; const [deleteModal, setDeleteModal] = React.useState(false); const { data, setData } = useForm({ id: '', }) const handleModalDelete = (order: Order) => { setDeleteModal(true); setData(prevData => ({ ...prevData, id: order.id, })) } const statusPayment = (status: string): React.ReactNode => { switch (status) { case 'paid': return
Lunas
case 'partial': return
Belum Lunas
case 'unpaid': return
Belum Dibayar
default: return 'Status Tidak Dikenal'; } }; const statusOrder = (status: string): string => { switch (status) { case 'confirmed': return 'Dipesan'; case 'received': return 'Diterima'; case 'pending': return 'Tertunda'; default: return 'Status Tidak Dikenal'; } }; return (
{hasAnyPermission(['orders-create']) && }
No Nomor Faktur Supplier Tanggal Pembelian Jenis Pembelian Status Pembelian Status Pembayaran Total Pembelian Aksi {orders.data.length === 0 ? : orders.data.map((order, index) => ( {index + 1} {order.order_code} [{order.supplier.code}] {order.supplier.name} {order.order_date} {order.type == 'products' ? 'Produk' : 'Bahan Baku'} {statusOrder(order.order_status)}
{statusPayment(order.payment_status)}
Rp {order.grand_total}
{(hasAnyPermission(['orders-update']) || hasAnyPermission(['orders-delete'])) && handleModalDelete(order)} /> }
)) }
) }