'use client'; import { useState } from 'react'; import { BadgeCheck, CreditCard, Minus, PackageCheck, Plus, ShieldCheck, ShoppingCart, TicketPercent, Truck, WalletCards } from 'lucide-react'; import BuyNowButton from './BuyNowButton'; type Variant = { id: string; name: string; price: number | string; stock: number }; type Props = { product: { id: string; name: string; price: number | string; stock: number; deliveryMethod?: string; deliveryTime?: string; warranty?: string; variants?: Variant[]; }; locale: string; }; const money = (value: number) => `${value.toLocaleString('vi-VN')} đ`; export default function ProductPurchasePanel({ product, locale }: Props) { const variants = product.variants?.length ? product.variants : [{ id: '', name: 'Gói mặc định', price: product.price, stock: product.stock }]; const [variantId, setVariantId] = useState(variants[0]?.id || ''); const [quantity, setQuantity] = useState(1); const [coupon, setCoupon] = useState(''); const selectedVariant = variants.find((variant) => variant.id === variantId) || variants[0]; const max = Math.max(0, selectedVariant?.stock ?? 0); const price = Number(selectedVariant?.price ?? 0); const automatic = ['AUTO', 'AUTO_ZIP', 'AUTO_TXT'].includes(product.deliveryMethod || ''); const changeQuantity = (next: number) => setQuantity(Math.max(1, Math.min(max || 1, next))); const selectVariant = (id: string) => { setVariantId(id); setQuantity(1); }; return ( ); } function Row({ icon, label, value }: { icon: React.ReactNode; label: string; value: string }) { return
{icon}{label}{value}
; }