/* eslint-disable @typescript-eslint/no-explicit-any */ import React, { useState } from 'react'; import AppLayout from '@/layouts/app-layout' import PagePagination from '@/components/page-pagination'; import { User, type BreadcrumbItem } from '@/types'; import { Head, useForm, usePage } from '@inertiajs/react'; import { Table, TableBody, TableCard, TableCell, TableEmpty, TableHead, TableHeader, TableRow, TableFilter } from '@/components/ui/table'; import Heading from '@/components/heading'; import { Setting } from '@/types/setting'; import { Transaction, TransactionLink } from '@/types/transaction'; import { Badge } from '@/components/ui/badge'; import { ActionButton } from '@/components/action-button'; import { DropdownMenuItem } from '@/components/ui/dropdown-menu'; import { Coins, FileText, Printer, Bluetooth } from 'lucide-react'; import { ModalDelete } from '@/components/modal-delete'; import { toast } from 'sonner'; import axios from 'axios'; import SheetPayment from './sheet-payment'; import { BankAccount } from '@/types/bank'; import NotaBt from "./NotaBt"; import { Button } from "@/components/ui/button"; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Daftar Penjualan', href: '#', }, ]; interface IndexProps { transactions: { data: Transaction[], links: TransactionLink[], current_page: number, per_page: number }; perPage: number; currentPage: number; cashiers: User[]; platforms: Setting[]; banks: BankAccount[]; [key: string]: unknown; } export default function Index() { const { transactions, perPage, currentPage, platforms, cashiers, banks } = usePage().props; const statusColor = (status: string) => { switch (status) { case 'unpaid': return Belum Bayar case 'pending': return Pending case 'partial': return Partial case 'paid': return Paid } } const { data, setData } = useForm({ id: '', transaction: null as any }); const [deleteModal, setDeleteModal] = React.useState(false); const handleModalDelete = (transaction: Transaction) => { setDeleteModal(true); setData(prevData => ({ ...prevData, id: transaction.id, })) } const handlePrintReceipt = async (transaction: Transaction) => { try { await axios.post(route('apps.transactions.print-receipt', transaction.id)); toast.success("Struk berhasil dicetak"); } catch (error) { console.error(error); toast.error('Gagal mencetak Struk') } } const [openSheet, setOpenSheet] = useState(false); const openSheetPayment = (transaction: Transaction) => { setOpenSheet(!openSheet); setData(prevData => ({ ...prevData, transaction: transaction })) } return (

No Tanggal No. Invoice Tipe Transaksi Platform Status Pembayaran Total Bayar Bayar Sisa Bayar Status Pengiriman No. Resi No. Referensi Nama Customer Nama Kasir Aksi {transactions.data.length === 0 ? : transactions.data.map((transaction, index) => ( {++index + (transactions.current_page - 1) * transactions.per_page} {transaction.transaction_date} {transaction.invoice} {transaction.transaction_type} {transaction.platform ?? '-'} {statusColor(transaction.status)} ^Rp {transaction.grand_total} ^Rp {transaction.pay} ^Rp {String(transaction.remaining)} {transaction.shipping_status ?? '-'} {transaction.shipping_ref ?? '-'} {transaction.notes_noref ?? '-'} {transaction.customer?.name ?? 'Umum'} {transaction.cashier_shift.user.name ?? '-'}

handleModalDelete(transaction)} > {transaction.status != 'paid' && openSheetPayment(transaction)}> Pelunasan Pembayaran } Cetak Invoice handlePrintReceipt(transaction)}> Print Nota

)) }

) }