/* eslint-disable @typescript-eslint/no-explicit-any */ import AppLayout from '@/layouts/app-layout' import { type BreadcrumbItem } from '@/types'; import { Table, TableBody, TableCard, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { Head, usePage } from "@inertiajs/react"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { DiscountProduct } from '@/types/discount-product'; import { Separator } from '@/components/ui/separator'; import { CheckCircle2, XCircle, Percent, Wallet, Users, Boxes, Tag } from 'lucide-react'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Diskon Produk', href: route('apps.discount-packages.index') }, { title: 'Detail Diskon Produk', href: '#' } ]; interface ShowProps { discountProduct: DiscountProduct; [key: string]: unknown; } function formatCurrencyIDR(value: number | string | null | undefined) { const n = Number(value ?? 0) || 0; return new Intl.NumberFormat('id-ID', { style: 'currency', currency: 'IDR', maximumFractionDigits: 0 }).format(n); } function Stat({ icon: Icon, label, value }: { icon: any; label: string; value: React.ReactNode }) { return (

{label}

{value}

); } function Pill({ children, tone = 'default' }: { children: React.ReactNode; tone?: 'default' | 'success' | 'danger' }) { const tones: Record = { default: 'bg-muted text-foreground/90', success: 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300', danger: 'bg-rose-100 text-rose-800 dark:bg-rose-900/30 dark:text-rose-300', }; return ( {children} ); } export default function Show() { const { discountProduct } = usePage().props; const isNominal = discountProduct.discount_type === 'nominal'; const showAllProducts = Boolean(discountProduct.all_products); const showAllCustomers = Boolean(discountProduct.all_customers); const discountValue = isNominal ? formatCurrencyIDR(discountProduct.discount_value) : `${Number(discountProduct.discount_value ?? 0)}%`; const productCount = showAllProducts ? 'Semua produk' : `${discountProduct.discount_product_items?.length ?? 0} produk`; const customerCount = showAllCustomers ? 'Semua pelanggan' : `${discountProduct.discount_product_customers?.length ?? 0} pelanggan`; return (
{discountProduct.discount_name} Diskon {isNominal ? 'Nominal' : 'Persentase'} • Minimal beli {Number(discountProduct.discount_quantity ?? 0)}
{discountProduct.is_active ? ( Aktif ) : ( Nonaktif )} {isNominal ? 'Nominal' : 'Persentase'}
{/* Stats */}
{!showAllProducts && ( Daftar Produk Produk yang termasuk dalam diskon ini. {(discountProduct.discount_product_items?.length ?? 0) > 0 ? ( No Nama Produk {discountProduct.discount_product_items.map((item: any, index: number) => ( {index + 1} {String(item.name)} ))}
) : (
Belum ada produk yang dipilih.
)} )} {!showAllCustomers && ( Daftar Pelanggan Pelanggan yang mendapatkan diskon ini. {(discountProduct.discount_product_customers?.length ?? 0) > 0 ? ( No Nomor HP Nama Pelanggan {discountProduct.discount_product_customers.map((item: any, index: number) => ( {index + 1} {String(item.customer.phone)} {String(item.customer.name)} ))}
) : (
Belum ada pelanggan yang dipilih.
)} )} {showAllProducts || showAllCustomers && }

Berlaku untuk semua produk

{showAllProducts ? Ya : Tidak}

Berlaku untuk semua pelanggan

{showAllCustomers ? Ya : Tidak}
); }