import { Head, Link } from '@inertiajs/react';
import { Plus, Trash2 } from 'lucide-react';
import { DataTable } from '@/components/data-table';
import { DeleteConfirmation } from '@/components/modal/delete-confirmation';
import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card';
import * as orderRoutes from '@/routes/order';
import type { Order } from '@/types/order';
import { useOrderIndex } from './hooks/use-order-index';
import { useOrderPrint } from './hooks/use-order-print';
import { getColumns } from './partials/columns';
import { PrinterSettings } from './partials/printer-settings';
export default function OrderIndex({ orders }: { orders: Order[] }) {
const {
isDeleteDialogOpen,
isBulkDeleteDialogOpen,
orderToDelete,
rowsToDelete,
rowSelection,
setRowSelection,
setRowsToDelete,
setIsDeleteDialogOpen,
setIsBulkDeleteDialogOpen,
onDelete,
confirmDelete,
confirmBulkDelete,
} = useOrderIndex();
const {
isConnected,
name,
paperSize,
connectBluetooth,
connectUsb,
disconnect,
setPaperSize,
handlePrint
} = useOrderPrint();
const columns = getColumns({ onDelete, onPrint: handlePrint });
return (
{
setRowsToDelete(rows);
setIsBulkDeleteDialogOpen(true);
},
icon: Trash2,
variant: 'destructive'
},
]}
/>
{/* Single Delete Confirmation */}
Tindakan ini tidak dapat dibatalkan. Pesanan {orderToDelete?.invoice_number} akan dihapus secara permanen dan stok akan dikembalikan.
}
onDelete={confirmDelete}
/>
{/* Bulk Delete Confirmation */}
Tindakan ini tidak dapat dibatalkan. {rowsToDelete.length} item yang terpilih akan dihapus secara permanen.
}
onDelete={confirmBulkDelete}
/>
);
}
OrderIndex.layout = {
breadcrumbs: [
{
title: 'Kelola',
}
],
};